:root {
    --primary: #8C2432;
    --white: #ffffff; 
    --dark: #000000;
    --overscan: 90px;
    --overscanOffset: 85px;
  }

body {
    overflow: hidden;
    height: 100vh;
    background: rgb(61,0,119);
    background: linear-gradient(180deg, rgb(61, 0, 119) 0%, rgb(37, 0, 56) 100%);

}

.thin{
    font-family: kallisto,sans-serif;
    font-weight: 200;
    font-style: normal;
}
.medium{
    font-family: kallisto,sans-serif;
    font-weight: 500;
    font-style: normal;
}

.header img {
    width: 30%;
}

@media screen and (max-width: 1200px)  {
.header img {
    width: 90%;
    max-height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}
    
}