:root{
    --Turquoise-color-1: #00FBFF;
    --Turquoise-color-2: #9EFFFA;
    --Turquoise-color-3: #00B0C0;
    --Turquoise-color-3-4: #088695;
    --Turquoise-color-4: #105B69;
    --Turquoise-color-4-5: #0A4C59;
    --Turquoise-color-5: #033D49;
    --Light-text: #EAFFFD;
    --Light-background: #535B64;
    --Dark-background: #414449;
    --Blackout: rgba(41, 41, 41, 0.85);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--Dark-background);
}
::-webkit-scrollbar-thumb {
    background: var(--Light-background);
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--Light-background) var(--Dark-background);
}
*{
    color: var(--Light-text);
}
@font-face {
    src: url("../font/Manrope.ttf");
    font-family: Manrope;
}
body{
    margin: 0 auto;
    background: var(--Dark-background);
    font-family: Manrope;
}
button{
    border: none;
}
a{
    color: var(--Turquoise-color-1);
}
button:hover{
    cursor: pointer;
}
h1{
    color: var(--Turquoise-color-1);
    font-size: 3rem;
    width: 50vw;
    margin: 0;
}
h3{
    color: var(--Light-text);
    font-size: 2rem;
    width: 50vw;
    margin: 0;
}