body{
        background-color: purple;
    }
        header{
        font-family: sans-serif;
        font-size: 20px;
	color: yellow;
        }
        
        
        
        main,footer{
            color: yellow;
	font-family: monospace;
        }
a:link{
            color: white;
        }
        a:visited{
            color:orange;
        }
header,div{
        background-color:#02394A;
        font-size:30px;
    }

p.solid{
border-style: solid;
}

h2,h1,footer,p1,figcaption{
    text-align: center;
}

ul{
    text-align: left;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

table{
            color: yellow;
            border-collapse:collapse;
            margin: 20px;
        }
        th,td{
            border: 1px solid black;
            padding: .2em 1em .2em .5em;
            
        }
        tbody tr:nth-child(even) td{
            background-color: #301934;
        }
        th{
            background-color: #66023C;
        }
figcaption{
    font-style: italic;
}

.dropdown:hover .dropdown-content {display: block;}
    .dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
        }
        .dropdown-content {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
.btn {background-color: black;
    color: white;
}
        input{
            font-family: monospace;
            background-color: brown;
            border: solid 1px #787878;
            font-size: 20px;
        }
        
    #index{
        font-size: 36px;
        font-family: fantasy
    }
    
    #project1,#project2,#project3,#project4,#project5,#project6,#project7,#project8,#project9,#project10,#project11{
        text-align: center;
        font-size: 20px;
    }
    
    #home1,#home2,#home3{
        text-align:center;
        display:block;
    }
    
    h2{
        text-decoration: underline;
    }
    
    nav{
        font-size:20px;
    }