html{
  font-family: 'system-ui';
}

body{
  position: relative;
  padding-top:60px;
  height: 100vh;
  background: black;
  margin: 0;
  
}


#container{
  background: black;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items:center;
  width:100vw;
}

.break {
  position: relative;
  border-radius: 30px;
  box-sizing: border-box;
  color: white;
  height:20px;
  width:70%; 
}

a:visited, a:link{
  color: white;
  font-weight: bold;
  text-decoration: none;
 font-size:30px;
 
}  

#container div a{
  height: 100%;
  width: 100%;
  padding: 10%;
  border-radius: 30px; 
  box-sizing: border-box; 
}

#container div:nth-of-type(1n){
background:deepskyblue !important;
}

#container div:nth-of-type(2n){
background:tomato !important;
}

#container div:nth-of-type(3n){ 
background:gold !important;
}

 
@media only screen and (min-width: 744px){




}