body{margin:0;padding:0;overflow:scroll}h1,h2,h3,h4,h5,h6{margin:0}.App{font-family:"PT Serif",serif;line-height:1.25}.App p{font-size:.9rem}header{width:90%;margin:0 auto;border-bottom:1px solid black}@media screen and (min-width: 769px){header{display:flex;justify-content:space-between;width:65%;margin:0 auto 3rem;padding:1rem 2.5%;border-bottom:1px solid lightgrey}}.Logo{text-align:center}.Logo a{color:#000;text-decoration:none}.Logo h2{margin:.5rem 0;font-family:Permanent Marker,cursive}.Logo h4{font-weight:400}@media screen and (min-width: 1060px){.Logo{text-align:left}h4{padding:0 0 1rem}}nav{width:60%;margin:0 auto;font-family:Garamond,serif}nav ul{list-style:none;display:flex;justify-content:space-around;font-size:1rem;margin-bottom:1rem;padding:0}nav ul li{margin:0 .2rem}nav ul a{color:gray;text-decoration:none}nav ul .active{border-bottom:2px solid #4c85e0;color:#000}@media screen and (min-width: 769px){nav ul{font-size:1.5rem}}@media screen and (min-width: 1060px){nav{width:auto;margin:0 0 0 auto;padding-top:.5rem}nav ul{justify-content:space-between;width:50%}nav ul li{margin:0 2rem}nav ul li a:hover{color:#000}nav ul a:hover{border-bottom:2px solid #4c85e0}}.container{width:90%;display:flex;margin:1rem auto 0;padding:0 5%}@media screen and (min-width: 1060px){.container{max-width:60%}}.Portfolio ul{display:flex;flex-direction:column;list-style:none;padding:0}.Portfolio ul li{width:100%;margin:.5rem 0;border:1px solid #d3d3d3;background-color:#f5f5f5}.Portfolio ul li p{padding:.5rem 1rem}.Portfolio ul li img{width:100%;border-bottom:1px solid grey}@media screen and (min-width: 769px){.Portfolio ul{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.Portfolio ul li{width:28%;margin:1rem 2.5%}.Portfolio ul li p{margin:0;padding:5%;color:#000}.Portfolio ul li:hover{box-shadow:1px 1px 25px #a9a9a9}}.About{display:flex;flex-direction:column}.About h2{margin-top:1rem;text-align:center}.About img{margin:1rem auto 0;max-width:15rem;border-radius:1500px}.About p{margin:1rem auto;font-size:1rem;line-height:1.5}.About a{color:gray;text-decoration:none}@media screen and (min-width: 769px){.About{min-height:60vh}.About p{max-width:65%}.About a{color:gray}.About a:hover{color:#000;border-bottom:1px solid #4c85e0}}.Contact{display:flex;flex-direction:column;min-height:60vh}.Contact section{margin:1.5rem 0}.Contact section a{margin-left:1rem;color:gray;text-decoration:none}.Contact section .fa:before{text-align:center}.Contact section ul{list-style:none}.Contact section ul li{margin-bottom:.5rem}@media screen and (min-width: 769px){.Contact{flex-direction:row;justify-content:space-around;width:100%}.Contact section{width:40%}.Contact section h2{text-align:center}.Contact section .fa:before{text-align:center}.Contact section a:hover{color:#000;border-bottom:1px solid #4c85e0}}.NotFound{margin:0 auto}.NotFound h2{text-align:center}.NotFound a{color:gray;text-decoration:none}@media screen and (min-width: 769px){.NotFound{min-height:60vh}.NotFound a:hover{color:#000;border-bottom:1px solid #4c85e0}}footer{width:90%;margin:0 auto;padding-top:1rem;margin-top:2rem;text-align:center;color:gray;border-top:1px solid black}footer a{color:gray;padding:.5rem}footer a:hover{color:#000}@media screen and (min-width: 769px){footer{margin-top:5rem;width:15%;border-top:1px solid lightgrey}}