* {
	scroll-behavior: smooth;
}

body {
    color: white;
    background-color: #203030;
    overflow: hidden;
    width: 100%;
    font-size: 24pt;
    margin-left:10pt;
    margin-right:10pt;
}

.main {
    background-color: #00000050;
    margin: 10pt;
    border-radius: 10pt;
    padding: 10pt;
    
}

button {
    font-size: 36pt;
    padding-left: 10pt;
    padding-right: 10pt;
    color: white;
    background-color: #203030;
    border-radius: 10pt;
    border: solid 2.5pt white;
    transition-duration: 0.25s;
    border-color:#4eff92; color:#8affa9;
    margin-left: 10pt;
}

button:hover {
    background-color: #405050;

}

.review {
    background-color: #2283445c;
    border-radius: 10pt;
    padding: 10pt;
    color: #62ff99;
    border: 2.5pt solid #4eff92;
    margin-left: 10pt;
    margin-right: 10pt;
    margin-bottom: 0pt;
    height: min-content;
}

.reviewDev {
    background-color: #2261835c;
    border-radius: 10pt;
    padding: 10pt;
    color: #62e2ff;
    border: 2.5pt solid #4ed0ff;
    margin-left: 10pt;
    margin-right: 10pt;
    margin-bottom: 0pt;
    height: min-content;
}


.rate {
    color:#edff4e;
    font-size: 24pt;
}

.gay {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    position: absolute;
    transform: translate(0, 0%);
}

.tannergay {
    border-color:#ff4e4e; color:#ff8a8a;
}

.tannergay:hover {
    background-color: #504040;
}

/* @keyframes button {
    0% {border-color:#ff4e4e; color:#ff8a8a;}
    20% {border-color:#ffa94e; color:#ffc48a;}
    40% {border-color:#d6ff4e; color:#daff8a;}
    60% {border-color:#4eff92; color:#8affa9;}
    80% {border-color:#4e5aff; color:#8a9aff;}
    100% {border-color:#c74eff; color:#e08aff;}
} */

.small {
    font-size:16pt
}