@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Roboto");@import url("https://fonts.googleapis.com/css?family=Montserrat:600");@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Roboto");@import url("https://fonts.googleapis.com/css?family=Montserrat:600");@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Roboto");@import url("https://fonts.googleapis.com/css?family=Montserrat:600");@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Roboto");@import url("https://fonts.googleapis.com/css?family=Montserrat:600");.basic-section,#about,#skillset,#projects,#contact{color:white;width:100%;min-height:100vh;background-color:rgba(124,136,135,0.24);display:flex;border-bottom:3px solid rgba(48,48,57,0.1)}#about{flex-direction:column;justify-content:center;align-content:center}#skillset{color:#16161d;flex-flow:row wrap;justify-content:center}#projects{flex-direction:column;justify-content:space-around;align-content:center}#contact{color:#16161d;flex-direction:column;justify-content:center;align-content:center}.icon{font-size:4em;margin:0.5em}.gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));grid-gap:2rem}.gallery-item{margin:1rem;box-shadow:0.3rem 0.4rem 0.4rem rgba(0,0,0,0.4);overflow:hidden}.gallery-image{width:100%;height:10vh;object-fit:cover;transition:transform 400ms ease-out}.gallery-image:hover{transform:scale(1.15)}@media (max-width: 500px){.icon{font-size:2em;margin:0.5em}.gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(5rem, 1fr));grid-template-rows:auto;grid-gap:1rem}.gallery-item{margin:1rem;box-shadow:0.3rem 0.4rem 0.4rem rgba(0,0,0,0.4);overflow:hidden}.gallery-image{height:10vh;object-fit:cover;transition:transform 400ms ease-out}.gallery-image:hover{transform:scale(1.15)}}.contact a{color:white}.contact a:hover{opacity:0.5}.contact .hidden{display:none;text-align:center}.contact:hover .hidden{display:block}button{-webkit-transition:all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);-moz-transition:all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);-ms-transition:all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);-o-transition:all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);transition:all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);display:flex;margin:20px auto;max-width:180px;text-decoration:none;border-radius:4px;padding:20px 30px;cursor:pointer}button.btn{color:#16161d;box-shadow:#16161d 0 0px 0px 2px inset;font-family:'Roboto', sans-serif}button.btn:hover{color:rgba(255,255,255,0.85);box-shadow:#16161d 0 0px 0px 40px inset}.diagonal-bg{position:fixed;top:0;z-index:-1;width:100%;height:100%}body{background:#c5c0b7;color:#16161d;height:100%;font-family:'Roboto', sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:'Playfair Display', serif}h1{font-size:5vw;line-height:1.25;text-transform:uppercase}h2{font-size:2vw}p{margin:2em}main{width:70%;margin:5em auto}@media (min-width: 400px){main{width:65%}}@media (min-width: 600px){main{width:50%}}main h1,main h2,main h3{text-align:center}main hr{height:3px;color:rgba(64,62,65,0.83);margin-bottom:2em}@media (max-width: 500px){h1{font-size:8vw}h2,h3{font-size:4vw}p{font-size:3vw}}.main_h{position:fixed;top:0px;max-height:70px;z-index:999;width:100%;padding-top:17px;background:none;overflow:hidden;-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0;top:-100px;padding-bottom:6px;font-family:"Montserrat", sans-serif}@media only screen and (max-width: 766px){.main_h{padding-top:25px}}.open-nav{max-height:400px !important}.open-nav .mobile-toggle{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.sticky{background-color:rgba(255,255,255,0.93);opacity:1;top:0px;border-bottom:1px solid gainsboro}.logo{width:50px;font-size:25px;color:#8f8f8f;text-transform:uppercase;float:left;display:block;margin-top:0;line-height:1;margin-bottom:10px}@media only screen and (max-width: 766px){.logo{float:none}}nav{float:right;width:60%}@media only screen and (max-width: 766px){nav{width:100%}}nav ul{list-style:none;overflow:hidden;text-align:right;float:right}@media only screen and (max-width: 766px){nav ul{padding-top:10px;margin-bottom:22px;float:left;text-align:center;width:100%}}nav ul li{display:inline-block;margin-left:35px;line-height:1.5}@media only screen and (max-width: 766px){nav ul li{width:100%;padding:1em 0;margin:0}}nav ul a{color:#888888;text-transform:uppercase;font-size:12px}.mobile-toggle{display:none;cursor:pointer;font-size:20px;position:absolute;right:22px;top:0;width:30px;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;transition:all 200ms ease-in}@media only screen and (max-width: 766px){.mobile-toggle{display:block}}.mobile-toggle span{width:30px;height:4px;margin-bottom:6px;border-radius:1000px;background:#8f8f8f;display:block}.row{width:100%;max-width:940px;margin:0 auto;position:relative;padding:0 2%}a,a:visited{text-decoration:none}a:hover,a:visited:hover{color:#16161d}.mouse{display:block;margin:0 auto;width:26px;height:46px;border-radius:13px;border:2px solid #e8f380;position:absolute;bottom:40px;position:absolute;left:50%;margin-left:-26px}.mouse span{display:block;margin:6px auto;width:2px;height:2px;border-radius:4px;background:#e8f380;border:1px solid transparent;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}