@font-face { 
    font-family: raleway-regular; 
    src: url('../Fonts/Raleway/static/Raleway-Regular.ttf'); 
} 
@font-face { 
    font-family: raleway-semibold; 
    src: url('../Fonts/Raleway/static/Raleway-SemiBold.ttf'); 
} 
@font-face { 
    font-family: raleway-bold; 
    src: url('../Fonts/Raleway/static/Raleway-Bold.ttf'); 
} 
@font-face { 
    font-family: raleway-extrabold; 
    src: url('../Fonts/Raleway/static/Raleway-ExtraBold.ttf'); 
} 
@font-face { 
    font-family: raleway-medium; 
    src: url('../Fonts/Raleway/static/Raleway-Medium.ttf'); 
} 


:root {
    --color1: #00142E;
    --color2: #FFFFFF;
    --color3: #40BEEA;
    --color3_opacity: #40beea45;
    --color4: #CDD300;
    --color5: #414141;
    --color6: #EB7405;

}

*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
html{
    font-family: raleway-regular;
    font-size: 66.0%;
}

/* @media (min-width: 800px) {
    html { font-size: 70.0%; }
}


@media (min-width: 1280px) {
    html { font-size: 80.0%; }
}

@media (min-width: 1366px) {
    html { font-size: 93.0%; }
}

@media (min-width: 1920px) {
    html { font-size: 95%; }
} */



.rotateElement{
    transform: rotate(-120deg);
}

.bg_blue{
    background-color: var(--color3_opacity);
}

.bg_white{
    background-color: var(--color2);
}

.bg_darkBlue{
    background-color: var(--color1);
}