@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding-top: 65px; /* чтобы контент не перекрывался с фиксированным header */
    padding-bottom: 65px; /* чтобы контент не перекрывался с фиксированным footer */
    background-color: #303030;
}

/* Обертка для всей страницы, если нужно */
.full-wrapper {

}

/* Фиксированный header */
header {
    display: flex
;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 65px;
    position: fixed; /* фиксируем вверху */
    top: 0;
    left: 0;
    z-index: 1000; /* чтобы был поверх другого контента */
    background-color: rgb(39, 39, 39);
    border-bottom: solid 2px #666666;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/* Фиксированный footer */
footer {
    width: 100vw;
    height: 65px;
    position: fixed; /* фиксируем внизу */
    bottom: 0;
    left: 0;
    z-index: 1000; /* чтобы был поверх другого контента */
    border-top: solid 3px #666666;
    background-color: rgb(39, 39, 39);
}
p {
    font-size: 16px;
    color: whitesmoke;
    background-color: #303030;
}
a {
    margin: 0 4px 0 4px;
    text-decoration: none;
    color: ghostwhite;
}
a:visited {color: ghostwhite;}
a:hover {
    animation: colorChange 1.2s infinite;
}
@keyframes colorChange {
    0% {
        color: ghostwhite;
    }
    50% {
        color: #9898fd;
    }
    100% {
        color: #8585ff;
    }
}

.content{
    background-color: #303030;
    min-height: fit-content;
}
.loc {
    margin: 4px 4px 4px 4px;
    display: flex;
    border: solid red;
    border-radius: 6px;
    background-color: #303030;
    max-width: fit-content;
    max-height: fit-content;
}
.info {
    margin: 5px 5px 5px 5px;
}