body {
    font-family: 'Comic Sans MS';
    font-size: 90%;
    position: relative;
}

body a {
    font-size: 150%;
}

.queso {
  position: absolute;
  top: 20px; /* adjust as needed */
  right: 20px; /* adjust as needed */
  z-index: 1000; /* ensures it's above other content */
}

body .clips{
  margin-left: 30px;
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.text {
    flex-grow: 1;
    max-width: 70%;
}

.image {
    position: absolute;
    right: 60px;
    margin-left: -45vw;
    margin-top: -60px;
    transform: translateX(-50%)
}

.image img {
    border-radius: 30px;
}

@media (max-aspect-ratio: 4/3) {
    .container {
      flex-direction: column;
      align-items: center;
    }

    .text {
        max-width: 100%;
        text-align: center;
    }

    .image {
        position: static;
        margin: 20px 0;
        transform: none;
    }

    .queso {
        position: static;
        transform: none;
    }
}

@media (max-aspect-ratio: 15/9) {

    .image {
        position: static;
        margin: 60px 20px;
        transform: none;
    }
}

.graypink a.green-link {
    color: limegreen !important;
}

.graypink a.green-link:hover {
    color: rgb(187, 250, 187) !important;
}

.graypink a.comingsoon {
    color:rgb(151, 86, 125) !important;
}

.graypink a.comingsoon:hover {
    color:rgb(175, 137, 160) !important;
}

.topblokelist {
    padding-left: 2%;
}

.graypink {
    background: rgb(52, 52, 52);
    color:rgb(249, 160, 213);
}

.graypink a {
    color:rgb(214, 57, 151);
}

.graypink a:hover {
    color:rgb(247, 143, 205);
}

.purplegold {
    background: rgb(76, 7, 63);
    color:rgb(244, 249, 160);
}

.purplegold a {
    color:rgb(214, 211, 57);
}

.purplegold a:hover {
    color:rgb(255, 253, 147);
}

.hell {
    background: rgb(78, 21, 21);
    color:rgb(223, 144, 98);
}

.hell a {
    color:rgb(255, 51, 0);
}

.hell a:hover {
    color:rgb(255, 142, 114);
}

.green {
    background: rgb(21, 78, 24);
    color:rgb(106, 223, 98);
}

.green a {
    color:rgb(1, 202, 168);
}

.green a:hover {
    color:rgb(153, 255, 238);
}

.dumb {
    background-image: url('types/82iq.png');
    background-size: 60%;
    color:rgb(144, 144, 222);
}

.dumb a {
    color:rgb(1, 202, 168);
}

.dumb a:hover {
    color:rgb(153, 255, 238);
}

.shitandpiss {
    background: rgb(51, 26, 0);
    color:rgb(221, 223, 98);
}

.shitandpiss a {
    color:rgb(214, 211, 57);
}

.shitandpiss a:hover {
    color:rgb(255, 253, 147);
}