@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

header{
    width: 98%;
    background-color: #333344;
    text-align: center;
    color: white;
    padding: 1%;
}
.dancing-script-DancingScript {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.glownyh{
    font-size: 7cqw;
    font-family: "Dancing Script", "URW Chancery L", "Times New Roman", serif;
    letter-spacing: 60%;
}
body{
    margin: 0;
    background-color: #555566;
    font-family: Arial;
}

nav {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 1vw 10px 1vw;
    background-color: #444455;
    border-radius: 0 0 12px 12px;
    transition: padding 0.2s ease;
}

nav:hover {
    padding: 0 calc(10px + 1vw) calc(10px + 1vw) calc(10px + 1vw);
}

nav div {
    width: 7vw;
    aspect-ratio: 1/1;
    overflow: hidden;
    transition: transform 0.2s ease;
    transform-origin: top;
    border-radius: 0 0 12px 12px;
}

nav div:hover {
    background-color: #555566;
    transform: scale(1.14);
}

nav div.active {
    background-color: #555566;
}

nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main{
    text-align: center;
    background-color: #444455;
    width: 95%;
    min-height: 70vh;
    margin: 1%;
    padding: 1.5%;
    border-radius: 15px;
}

main div {
    width: 100%;
    height: fit-content;
    color: white;
}

#foreverver h1{
    font-size: 3cqw;
}