body {
    background-image: url("../assets/img/background.jpg");
    background-repeat: repeat;
    width:100%;
}

.nav{
    background-color: bisque;
    text-align: center;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    text-decoration:none;
    height: 40px;
    top:5%;
    
}

li {
    text-decoration:none;
    list-style-type: style type bullet;
}

#navbar:hover{
    font-size: 24px;
    font-style: bold;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    text-decoration:none;
    height: 40px;
    color:black;
}

#navbar {
    margin:5px;
    text-decoration:none;
    color:black;
    
   
}


#navbar:visited {
    margin:5px;
    text-decoration:none;
    color:black;
}

h1{
    Text-align: center;
    color: darkslategrey;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
 } 
     
#h3{ 
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px; 
    font-style: normal;
    font-variant: normal;
    font-weight: 700; 
    line-height: 15.4px; 
}
    
 p { 
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400;
    line-height: 20px;
} 

#video {
    text-align:left;
    
}

#icon {
    width: 50%;
    position:relative;
    top: 15px;
}

#tableau {
    position:relative;
    width:20%;
    margin: 0 auto;
    text-align:center;
    font-size:20px;
    margin-left:0%;
    
}
             
.sidebyside {
    /* float:left; */
    width:50%;
    box-sizing: border-box;
    display: inline;
}

.tableau-attempt {
    width: 100px ip !important;
}