.all {                                           /*all*/
  background-image: radial-gradient(circle, #00000050, #040D3050, #00000090);

     
  
div.welcome {                                /*what's this for*/
float: right;
word-break: keep-all;
    background-image: linear-gradient(to right, #03506F, #099E9E);
  margin-bottom: 2rem;
  border-radius: 2rem;
width: 40rem;
height: 3.5rem;
padding: 1rem;
  }
  
    div.welcome p {
      text-align: center;
      color: #CCCCCC;
      margin-left: 0rem;
      margin-top: 0rem;
      line-height: 0.8rem;
      }
    
    
  div.intro {                                /*buttons and stuff*/
float: right;
word-break: keep-all;
  background-image: linear-gradient(to right, #040D3D, #03506F);
  border-radius: 2rem;
width: 39rem;
height: 20rem;
padding-left: 3rem;
padding-bottom: 0rem;
  }
      
div.menu ul li a {                           /*menu links*/
  color: #CCCCCC;
  text-decoration: none;
  }      

    div.menu ul li:nth-child(odd) a:link {
         color: #BBBBBB;
          }
          
div.menu ul li a:hover {
  color: #099E9E;
  }      

    div.menu ul li:nth-child(odd) a:hover {
          color: #03506F;
           }
div.menu ul li a:active {
  color: darkgoldenrod;
  }      

    div.menu ul li:nth-child(odd) a:active {
          color: darkgoldenrod;
           }
           
div.button {                                                                  /*link buttons*/
  display: inline-block;
  background-image: linear-gradient(to top, #03506F, #099E9E);
  border-radius: 2rem;
  border: solid 2px #040D3D;
  width: 7rem;
  margin: 0.8rem;
  margin-top: 0rem;
  }
  
div.button p {
  text-align: center;
      color: #BBBBBB;
      margin: 0.5rem;
  }
           
           div.button p a {                           /*links of link buttons*/
  color: #CCCCCC;
  text-decoration: none;
  }      
          
div.button p a:hover {
  color: #A39B86;
  }      

div.button p a:active {
  color: darkgoldenrod;
  }      

         h2 {
      font-family: Vanosky;
      font-size: 1.2rem;
      color: #03506F;
      text-align: left;
      margin-bottom: 2rem;
      margin-left: -0.8rem;
      }  
    
    /**/

div.button2 {                                                                  /*link buttons*/
  display: inline-block;
  background-image: linear-gradient(to top, #03506F, #099E9E);
  border-radius: 2rem;
  border: solid 2px #040D3D;
  width: 5.15rem;
  margin: 0.8rem;
  margin-top: 0rem;
  }
  
div.button2 p {
  text-align: center;
      color: #BBBBBB;
      margin: 0.5rem;
  }
           
           div.button2 p a {                           /*links of link buttons*/
  color: #CCCCCC;
  text-decoration: none;
  }      
          
div.button2 p a:hover {
  color: #A39B86;
  }      

div.button2 p a:active {
  color: darkgoldenrod;
  }