body{
    background-color: #080C0D;

}
.container{
    display:flex;
    flex-direction: column;
    

}
.header{

    display: flex;
  
    width: 100%;
    
    justify-content: space-evenly;

    margin-top:30px;
    margin-bottom:60px;

}
#content{
    display:flex;
    justify-content:space-around;
    
}

#dafttext{
    font-family: "Daft Font";
    font-size: 60pt;
    color: #D97E4A;
    text-align: center;
    padding-top: 100px;
}
#punktext{
    font-family: "Daft Font";
    font-size: 60pt;
    color: #D97E4A;
    text-align: center;
    padding-top: 100px;

   
}
#helmetlogo{
    width: 400px;
    margin-left: 20px;
    margin-top: 20px;
   

}

.link{
    color: #D97E4A;
    font-size: 20pt;
    font-family : "Daft Font";
    text-decoration: none;
}
#daftdef{
opacity: 0;

}
#punkdef{
    opacity: 0;
}
#getlucky{
    visibility: hidden;
    position: absolute;
}