* {padding: 0; margin: 0; font-family: 'Google Sans', sans-serif;}

body {
    background-color: #242429;
    color: #fbfbfb;
    overflow-x: hidden;
}

main {
    margin: 20px 0px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
}
main p {
    opacity: 0.4;
}

header {
    width: 100vw;
    text-align: center;
    padding: 10px;

    background-color: #16171a;
}

#buttons {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 3px;
}
#buttons a {
    max-width: 200px;
    display: flex;

    justify-content: space-between;
    padding: 6px;

    text-decoration: none;

    transition: transform 0.3s ease;
}
#buttons a:hover {
    cursor: pointer;
    transform: scale(1.1);
    opacity: 1;
}

#buttons img {
    width: 20%;

    object-fit: cover;
    aspect-ratio: 1 / 1;
}
#buttons span {
    font-size: large;
    width: 80%;

    display: flex;
    align-items: center;
    justify-content: center;
}

#enter {background-color: #5865f2; color: #fbfbfb;}
#down { background-color: #5865f2; color: aliceblue; opacity: 0.8;}

.box {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
}

.tutor {
    color: #fbfbfb;
    overflow: hidden;

    max-width: 500px;
    padding-bottom: 15px;

    background-color: #2c2d32;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tutor h1 {
    background-color: #16171a;
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
}
.tutor a {
    color: #5865f2;
}

.tutpad {
    padding: 15px 20px;
    text-align: justify;
    border-bottom: solid #393a3f;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;


}
.tutpad u {
    text-decoration-style: dotted;
    text-decoration-color: #16192587;
}
.tutpad img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
}
.tutpad b:not(.i) {
    background-color: #16171a;
    padding: 0 5px;
    text-align: center;
}
code {
    background-color: #16171a;
    padding: 0 5px;
    text-align: center;
}

.last {
    border-bottom: none;
    padding-bottom: 0;
}

footer {
    margin: 10px;
    text-align: center;
    opacity: 0.7;
}