@font-face {
    font-family:"Mayonice";
    src: url("../fonts/Mayonice.ttf") format("truetype");
  font-style: normal;

}

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url('../fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{
--fontYellowColor:#fff200;
--fontRedColor:#c80000;

 

}

* {
  padding: 0;
  margin: 0;
  border: 0;
}


body{
background-color: rgb(50,50,50);
box-sizing: border-box;
padding: 0;
margin: 0;
}
.content {
height: 50vh;
display: grid;
}
.sincesummer {
  font-size:2.5vw;
}

@media (orientation: portrait) {
  .content {
    height: 38vh; 
    }
    .sincesummer {
      font-size:3vw;
    }
}

.main {
display: grid;
justify-content: center;
justify-items: center;
width: 100%;
font-family: Raleway;
align-content: center;  
}
.yellow {
color:var(--fontYellowColor);
text-align: center;
margin:0;
}

h1 {
font-size:9vw;
font-weight: normal;
margin-bottom: 5%;

}


.white{
color: #fff;;
margin-top: 1rem;
}