.skip-links a {
color: white; 
}

body{
background-color: white;
font-family: 'JetBrains Mono', monospace;  
margin: 0px;
}

hr {
    
width: 65%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;

}

.header {
background-color:black;
color: white;
text-align: center;
font-size: 28px;
width: 100%;
height: auto;  
padding: 20px
}

.container1 {
  display:flex;
justify-content: center;
width: 100%;
height: 100%;
margin-top: 30px;
font-size: 25px; 
margin-right: 480px;
margin-left: 0px;
font-family: sans-serif;
    
}

.box1 {
width: 500px;
height:auto;
box-shadow: 10px 12px 12px grey;
padding:30px; 
font-family: sans-serif;
font-weight: bold;
    
}

.container2 {
display:flex;
justify-content: center;
width: 100%;
height: 100%;
margin-top: 50px;
margin-bottom: 50px;
font-size: 18px;

    
}

.container2 > div {
 margin-left: 60px;
margin-right: 60px;   
}

.box2{
text-align: center;
width: 400px;
height: auto; 
}

.box3{
margin-top:100px;
 width: 400px; 
height: auto;
text-align: center;  
 
}

.container3 {
text-align: center;
font-size:20px; 
background-color: white;
display: flex;
align-items: center;
justify-content: center; 
}

.box4 {
width: 400px;
height:auto;
margin-top: 40px; 
margin-bottom: 40px;
align-items: center;
justify-content: center; 
}

/*FOOTER*/

.footer {
    
background-color: black;
color: white;
width: 100%;
    
}

.footertext {
text-align: end;
font-size: 20px;
padding:30px    
}