* {
    box-sizing: border-box;
}

body{
  min-height: 100vh;
  background-color: #3E505C;
}

.navbar{
    position: fixed;
    width: 20%;
    height: 100%;
    background-color: slategray;
    color: white;
    padding-right: 2em;
}

.navbar-brand{
    color:white;
}

.nav-link{
    color: white;
    font-size: 1.25em;
}

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

.name:hover{
    color: black;
}

.wrapper{
    display: grid;
    grid-template-columns: 20% 80%;
    border-bottom: none;
}

.navig{
    border-bottom: none;
}

#info{
    padding: 2em;
    font-size: x-large;
    color: white;
    text-align: center;
    border-bottom: none;
}

div {
    padding: 2%;
    border-bottom: 2px solid white;
}

#photo {
    border-radius: 50%;
}

h3{
    font-family: Lucida Handwriting;
    word-spacing: 5px;
}

th{
    background-color:teal;
}

#hobbies, #projects{
    border-collapse: collapse;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#hobbies td, #hobbies th, #projects td, #projects th {
    border: 1px solid #ddd;
    padding: 2px;
}

{#education, #hobbies, #projects} tr:nth-child(even){background-color: slategray;}

input:hover{
    background-color: teal;
}

#submit{
    width: 100px;
    margin-right: 5%;
}