/*
                                                                                                                                                      
                                                  ,((((((((.                /(((/,                /((((((((((((((,         ,/((/,                     
             (((((((((     ((((((((((      ((((((((((((((((((((((*     (((((((((((((((((   (((((((((((((((((((((((((((((,  /(((((((((((((/            
          ((((((((((((   ((((((((((((((   ((((((((((((((((((((((((((   ((((((((((((((((((   (((((((((((((((((((((((((((((((  (((((((((((((((,         
        ((((((((((((((   (((((((((((((((   ((((((((((((((((((((((((((.  ((((((((((((((((((   (((((((((((((((((((((((((((((((  ((((((((((((((((        
      (((((((((((((((   (((((((((((((((((   ((((((((((((((((((((((((((  /((((((((((((((((((   ((((((((((((((((((((((((((((((  ((((((((((((((((        
     (((((((((((((((   ((((((((((((((((((   (((((((((((((((((((((((((   ((((((((((((((((((((   (((((((((((((((((((((((((((((  (((((((((((((((         
    (((((((((((((((   (((((((((((((((((((   (((((((((((((((((((((((    ((((((((((((((((((((((  ((((((((    .(((((((((((((    ((((((((((((((,          
   ((((((((((((((   *((((((((((((((((((((   ((((((((((((((((((((    *((((((((*,((((((((((((((   (((((((((             .(    ((((((((((((.             
   (((((((((((((( (((((((((((((((((((((((   (((       ,/,        /((((((((((((   (((((((((((((   ((((((((((((((((*  *(((((                            
   ((((((((((((((((((((((((((((((((((((((  /((((((((              (((((((((((,  ,((((((((((((((  (((((((((((((((((((  (((((((((((((((((               
  .(((((((((((((((((((((((((((((((((((((   (((((((((((((((((((((.   (((((((((((((((((((((((((((   (((((((((((((((((((  ((((((((((((((((((             
   ((((((((((((((((((((((((((((((((((((   ((((((((((((((((((((((((   (((((((((((((((((((((((((((  (((((((((((((((((((  ((((((((((((((((((((,          
   ((((((((((((((((((((( ((((((((((((((  .(((((((((((((((((((((((((  (((((((((yea(((((((((((((((   ((((((((((((((((   (((((((((((((((((((((((         
    (((((((((((((((((   ((((((((((((((   (((((((((((((((((((((((((   ((((((((((((((((((((((((((((  ((((            ((((((((((((((((((((((((((((       
      ((((((((((((*   (((((((((((((((   ((((((((((((((((((((((((    (((((((((((((forsure(((((((((  .(((((((((        (((((((((((((((((((((((((((,     
         ((((((     ((((((((((((((((   (((((       .(((((((,     .(((((((((((((((((((((((((((((((   ((((((((((         (((((((((((((((((((((((((((    
                 ((((((((((((((((((   (((((((((((/              .(((((((((((((,  ((((((((((((((((   ((((((((((*          ((((((((((((((((((((((((((   
            /(((((((((((((((((((((   ((((((((((((((((((((((((((    (((((((((((   ((((((((((((((((/  (((((((((((   ((((      (((((((((((((((((((((((/  
           (((((((((((((((((((((/   (((((((((((((((((((((((((((((   ((((((((((   (((((((((((((((((  ((((((((((((  (((((((((     ((((((((((((((((((((  
          (((((((((((((((((((((   /(((((((((((((((((((((((((((((((   (((((((((   ((((((((((((((((/  ((((((((((((  ((((((((((((     (((((((((((((((((, 
         (((((((((((((((((((((   (((((((((((((((((((((((((((((((((   (((((((((   ((((((((((((((((   ((((((((((((  ((((((((((((((((((((((((((((((((((, 
        ((((((((((((((((((((   (((((((((((((((((((((((((((((((((((   ((((((((*   ((((((((((((((((   (((((((((((  (((((((((((((((((((((((((((((((((((  
        ((((((((((((((((((      (((((((((((((((((((((((((((((((((   (((((((((    (((((((((((((((.  (((((((((((  .((((((((((((((((((((((((((((((((((   
        (((((((((((((((           ((((((((((((((((((((((((((((((   ((((((((      (((((((((((((((  (((((((((((      /((((((((((((((((((((((((((((((    
        ((((((((((((*                ((((((((((((((((((((((((/    (((((((        .((((((((((((   /((((((((             ((((((((((((((((((((((((,      
         ((((((((                          (((((((((((((          ((((            .(((((((((       ((((                    *(((((((((((((((/  
         													WELCOME TO KALVIN'S WEBSITE    */
* {
    margin: 0;
    padding: 0;
  }


body {
  font-size: 19px;
  text-align: center;
  font-family: courier new;
}

li {
  width: 100%;
  padding: 20px;
  text-align: center;
  display: inline;
}

a {
  text-decoration: none;
  color: #dd0c96;
  font-size: 20px
}

.current-page {
  color: #ff0085;
  text-decoration: underline;
  font-size: 20px
}

#spin {
  width: 20%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

section#help {
  margin: 0;
  padding: 0;
  float: left
}


/*ART*/ 

main {
    margin-left: auto;
    margin-right: auto;
}
.canvas {
    width: 54.4vw;
    height:62vw;
    margin-left: auto;
    margin-right: auto;
}

figure {
    float: left;
}

figure.red {
    background-color: #d96661;
    width: 0.93457944%;
    height: 100%;
}

figure.cyan {
    background-color: #62b5b9;
    width: 0.93457944%;
    height: 100%;
}

figure.blue {
    background-color: #81a5e1;
    width: 0.93457944%;
    height: 100%;
}

figure.orange {
    background-color: #cd9643;
    width: 0.93457944%;
    height: 100%;
}

figure.navy {
    background-color: #1a2833;
    width: 0.93457944%;
    height: 100%;
}

figure.off-white {
    background-color: #f6ebef;
    width: 0.93457944%;
    height: 100%;
}


figure.red:hover {
    background-color: #ff0085;
}

figure.cyan:hover {
    background-color: #22ff2e;
}

figure.blue:hover {
    background-color: #ff0085;
}

figure.orange:hover {
    background-color: #22ff2e;
}

figure.navy:hover {
    background-color: #ff0085;
}

figure.off-white:hover {
    background-color: #22ff2e;
}