body {
    overflow-x: hidden;
}

.anti {
    position: absolute;
    top: 20px;
    left: 4%;
    right: 4%;
    height: 100vh;
}

.update {
    position: absolute;
    text-align: center;
    font-family: var(--font-vg5000);
    bottom: -80%;
    font-size: 1.1em;
    width: 100%;
    padding: 20px;
    line-height: 0.65;
    color: #818181;
}

.box1 {
    position: absolute;
    left: 50%;
    bottom: 26%;
}

.box2 {
    position: absolute;
    left: 16%;
    bottom: 40%;
}

.box3 {
    position: absolute;
    left: 42%;
    bottom: 46%;
}

.box4 {
    position: absolute;
    left: 58%;
    bottom: 60%;
}

.box5 {
    position: absolute;
    left: 1.5%;
}

.box6 {
    position: absolute;
    left: 78%;
    bottom: 4%;
}

.box7 {
    position: absolute;
    left: 21%;
    bottom: 58.5%;
}

.box8 {
    position: absolute;
    left: 82.5%;
    bottom: 87%;
}

.box9 {
    position: absolute;
    bottom: 78%;
    left: 4.5%;
}

.box10 {
    position: absolute;
    left: 40%;
}

.box11 {
    position: absolute;
    left: 7%;
    bottom: 52%;
}

.box12 {
    position: absolute;
    left: 61.5%;
    bottom: 46.5%;
}

.box13 {
    position: absolute;
    left: 26%;
    bottom: 7%;
}

.box14 {
    position: absolute;
    bottom: 75.6%;
    left: 32%;
}

.box15 {
    position: absolute;
    bottom: 82.3%;
    left: 20%;
}

.box16 {
    position: absolute;
    left: 68%;
    bottom: 52.4%;
}

.box17 {
    position: absolute;
    bottom: 23%;
    left: 67.5%;
}

.box18 {
    position: absolute;
    bottom: 77.6%;
    left: 67%;
}

.box19 {
    position: absolute;
    bottom: 1.2%;
    left: 7%;
}

.box20 {
    position: absolute;
    bottom: 29%;
    left: 6%;
}

.box21 {
    position: absolute;
    bottom: 79.7%;
    left: 49%;
}

.box22 {
    position: absolute;
    bottom: 18%;
    left: 9%;
}

.box23 {
    position: absolute;
    bottom: 17%;
    left: 55.7%;
}

.box24 {
    position: absolute;
    bottom: 34.6%;
    left: 78.3%;
}

.box25 {
    position: absolute;
    bottom: 68%;
    left: 8.8%;
}

.box26 {
    position: absolute;
    left: 36%;
    bottom: 67.4%;
}

.box27 {
    position: absolute;
    left: 2%;
    bottom: 46%;
}

.box28 {
    position: absolute;
    left: 62.3%;
    bottom: 89%;
}

.box29 {
    position: absolute;
    bottom: -5.4%;
    left: 18.3%;
}

.box30 {
    position: absolute;
    bottom: -10%;
    left: 44.1%;
}

.box31 {
    position: absolute;
    bottom: 11%;
    left: 46%;
}

.box32 {
    position: absolute;
    bottom: 29.3%;
    left: 30%;
}

.box33 {
    position: absolute;
    bottom: 31%;
    left: 60%;
}

.box34 {
    position: absolute;
    bottom: -16.4%;
    left: 25%;
}

.box35 {
    position: absolute;
    bottom: -15%;
    left: 57%;
}

.box36 {
    position: absolute;
    bottom: -62%;
    left: 83%;
}

.box37 {
    position: absolute;
    bottom: -32%;
    left: 9%;
}

.box38 {
    position: absolute;
    left: 68%;
    bottom: -44.5%;
}

.box39 {
    position: absolute;
    left: 53.5%;
    bottom: -35%;
}

.box40 {
    position: absolute;
    left: 3%;
    bottom: -18%;
}

.box41 {
    position: absolute;
    left: 42%;
    bottom: 2%;
}

.box42 {
    position: absolute;
    left: 11%;
    bottom: -51.5%;
}

.box43 {
    position: absolute;
    bottom: -50.6%;
    left: 62%;
}

.box44 {
    position: absolute;
    bottom: -25%;
    left: 80.4%;
}

.box45 {
    position: absolute;
    bottom: -42%;
    left: 30%;
}

.box46 {
    position: absolute;
    bottom: -58.3%;
    left: 37%;
}

.box47 {
    position: absolute;
    left: 2%;
    bottom: -38%;
}

.box48 {
    position: absolute;
    left: 38%;
    bottom: -28%;
}

.box49 {
    position: absolute;
    bottom: -2%;
    left: 82%;
}

.box50 {
    position: absolute;
    bottom: 65%;
    left: 81%;
}


.update p {
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.update p:hover {
    color: var(--accent-color);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
    z-index: 999;
}

a:hover {
    color: var(--accent-color);
    background-color: transparent;
    text-decoration: underline;
}


.mail {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--bg-color);
    color: #6c6c6c;
    border-radius: 15px;
    font-family: var(--font-karrik);
    padding: 15px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    max-width: 350px;
    width: 80%;
    text-align: center;
    font-size: 1em;
    line-height: 1.4;
}

.close-modal {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    font-family: var(--font-vg5000);
    color: #818181;
    transition: color 0.1s ease;
}

.close-modal:hover {
    color: var(--accent-color);
}