body, html {
  height: 100%;
   font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  margin: 0;
}

body{
  background: rgb(255, 255, 255) 
  ;
  /* url('media/dotted-greyy.png') repeat center; */
  background-size: auto;
}

/* .header-container{
justify-content: center;    
display: flex;
} */

.headline-container{
  text-align: center;
  padding-top: 16rem;
  color: rgb(25, 25, 27);
}

.headline-container p{
    font-weight: 100;
    font-size: 24px;
    text-transform: capitalize;
    letter-spacing: 4%;
    margin: 0;
    font-weight: 300;
} 

.logo-container img{
    width: 145px;
}

h1{
    margin: 0;
}

.brand-name{
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 72px;
  /* font-size: 60px; */
  /* text-transform: uppercase; */
  /* margin: 15px 0 0; */
}

.socials{
 display: flex;
 position: absolute;
 left: 50%; 
    transform: translateX(-50%);
bottom: 30px;
}

.socials li{
 list-style: none;
 padding: 10px;
}



.darkmode{
  color: rgb(235, 235, 235);
  background: rgb(32, 32, 32) url('media/dotted-greyy.png') repeat center;
  background-size: auto;
}