html {
  box-sizing: border-box;
  margin:0;
  padding:20px;
}
  
body {
 
  background-color:#001B29;
 
  color:#fff;
 
  max-width:1920px;
  
  font-family: "Space Grotesk", sans-serif;
   
   text-align: center;
}

img {
 
  width: 300px;
  
  height:275px;
 
  border-radius: 30px;

}




h1 {
 
  color: white;
 
  text-shadow: 0 0 30px blue;
  
  font-size: 50px;
  
}


h2,h3,h4,h5 {
 
  color: white;
 
  text-shadow: 0 0 10px blue;

 font-size:36;
  
}

.nav-link-white {

background-color: #42265E;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

margin: 5px;

}


.nav-link-white:hover { background-color: #CDB4DB; color: black; }

.nav-link-brown {

background-color: #31506B ;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

}

.nav-link-brown:hover { background-color:#A2D2FF; color: black; }

.nav-link-pink {

background-color:#6A3A5E ;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

}

.nav-link-pink:hover { background-color:#FFAFCC; color: black; }

.nav-link-nine {

background-color:#28504A;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

}

.nav-link-nine:hover { background-color:#8FB8AD; color: black; }

.nav-link-six {

background-color:#8F7A45 ;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

}

.nav-link-six:hover { background-color:#FFF8AD; color: black; }

.nav-link-seven {

background-color:#5C6378 ;

padding: 10px;

border-radius: 10px;

font-size: 20px;

color: #fff;

 font-family: "Shippori Antique", sans-serif;

}

.nav-link-seven:hover { background-color: #9FA9B0 ; color:#000; }