*{
    margin: 0 auto;
    box-sizing: border-box;
}

/*Condiment CSS class from Google Fonts*/
.condiment-regular {
  font-family: "Condiment", cursive;
  font-weight: 400;
  font-style: normal;
}
/**************************************/

body{
   background-color: #61A5C2;
   overflow: scroll;

   color: white;
   font-family: 'Condiment', cursive;
}

/*Styling for page title/name/header 1*/
h1{
    margin-top: 15px;
    margin-bottom: 10px;

    font-size: calc(2px + 4vw);
    text-align: center;
    text-shadow: 2px 2px 2px #81007F;
}
/**************************************/


/*Styling for first table with resume and name, major and year*/
#table1{
    background-color: #A9D6E5;
    padding: 15px;

    border: 4px ridge #2A6F97;
    border-radius: 6px;
    

}

#table1 td{
    padding: 20px;
}

#table1 img{
    border: 4px dashed #2A6F97;
}

#table1 h3{
    color: #012A4A;
    font-size: calc(2px + 2vw);
}

/******************************************************/

/*Styling for short bio paragraph*/
#bio{
    margin: 10px 50px;
    font-size: calc(2px + 2vw);
}

#bio h2{
    text-shadow: 2px 2px 2px #81007F;
}

#bio p{
    text-shadow: 2px 2px 10px #013A63;
}
/******************************************************/

/*Styling for activities div and table*/
#activities{
    margin: 8px 50px;
    
}

#activities h2{
    text-shadow: 2px 2px 2px #81007F;
    font-size: calc(4px + 3vw);
}

#table2{
    background-color: #A9D6E5;
    padding:2%;

    border: 4px ridge #2A6F97;
}

#row{
    font-size: calc(2px + 2vw);
}

.col{
    padding: 2%;
    text-shadow: 2px 2px 10px #013A63;
}

.col img{
    justify-self: top;
}

.links{
    list-style: none;
    align-self: left;
    align-items: left;
    margin-top: 15%;
}

.links li a{
    color: white;
    text-decoration: none;
    align-items: left;

}

.links li a:hover{
    color: #81007F
}
/*****************************************************/