body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:homeDiv;src:url(/static/media/floral.5d8a8bdb847947a16b1d.otf)}@font-face{font-family:headings;src:url(/static/media/Forzan.7477a328d6cd79fa965f.ttf)}@font-face{font-family:text;src:url(/static/media/josefin.1bfcfba29eda50476f98.ttf)}@font-face{font-family:form;src:url(/static/media/salmaa.2930a8090f36e7311ccf.otf)}body{background-color:#2c2c2c;height:100%;margin:5px 10%}#mobile-nav-div{display:none}.bar1,.bar2,.bar3{background-color:#79b0ef;height:3px;margin:6px 0;transition:.4s;width:35px}.change .bar1{-webkit-transform:translate(14px,22px) rotate(-45deg);transform:translate(14px,22px) rotate(-45deg);width:20px}.change .bar2{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.change .bar3{-webkit-transform:translate(1px,4px) rotate(45deg);transform:translate(1px,4px) rotate(45deg);width:20px}.dropdown{display:flex;justify-content:flex-end;margin:6px 10px 10px 20px;position:relative;z-index:2}.dropdown-content{background-color:initial;border:2px solid #79b0ef;display:none;float:right;margin-top:40px;min-width:125px;position:absolute;text-align:center;-webkit-transform:translateX(-15px);transform:translateX(-15px);-webkit-transform:translateY(5px);transform:translateY(5px);width:285px;z-index:2}.dropdown-content li{list-style:none}@-webkit-keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes growDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}80%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.dropdown-links,.log-out{background-color:initial;border:none;color:#0288d1;cursor:pointer;display:block;padding:12px 16px;text-align:right;text-decoration:none}.drop-nav-btn{border:none;color:#79b0ef;cursor:pointer;font-size:2em;padding:5px}.drop-nav-btn,.show{background-color:#414141}.show{display:block}.nav-ul li{color:#79b0ef;cursor:pointer;display:inline;list-style:none;margin-left:10px}.li{font-family:text}.nav-btn{background-color:initial;border:none;color:#79b0ef;cursor:pointer}.nav-btn:hover{color:coral}.nav-ul{margin-right:5px;margin-top:10px}.nav-div{display:flex;justify-content:flex-end}.skills-grid{grid-row-gap:5%;display:grid;grid-template-columns:25% 25% 25% 25%;row-gap:5%;width:100%}.project-images-grid{grid-gap:1%;display:grid;gap:1%;grid-template-columns:33% 33% 33%;justify-content:center;position:relative}.project-img{border-radius:15px;width:100%}.project-img:hover{opacity:.5,}.centered{left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.project-description{background-image:linear-gradient(to bottom right,#79b0ef,#91d386);border-radius:15px;height:100%;opacity:0;position:absolute;top:0;width:33%}.project-description:hover{opacity:1}.description{color:#000;padding:10% 5%}.description,.project-btn-div{text-align:center}.project-btn-div a{text-decoration:none}.project-btn{background-color:#414141;border:none;border-radius:5px;color:#faebd7;cursor:pointer;margin-left:10px;padding:3%;width:75px}.project-btn:hover{background-color:#faebd7;color:#414141}.container{align-content:center;background-color:#414141;border-radius:15px;display:flex;flex-direction:column;max-height:900px;min-height:500px;padding:5%}.header-h3{color:coral;float:left;margin-left:5px;margin-top:10px;text-decoration:none}.header-h3,h3{font-family:headings}h3{color:#79b0ef;margin-bottom:6px;padding-bottom:4px}.home-heading{border:none;font-family:text;font-size:2em;margin:5px;text-decoration:none}h1{color:#79b0ef}p{color:#d3d3d3;font-family:text;margin-top:4px;text-align:justify}.skills-img{width:80%}.home-btn{margin:5px 2px 2px;padding:1%;width:120px}.home-div h3{color:#d3d3d3}.home-header-div{text-align:center}.home-nav-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:40% 40%;justify-content:center}.home-nav-grid-item{padding:18% 0;text-align:center}.home-nav-grid-item:hover{cursor:pointer;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#home-projects{background-image:url(/static/media/code.353a92c2ca09dc8f3f67.jpg);background-size:cover}#home-contact{background-image:url(/static/media/contact.015a58d4504dbdbb3d47.jpg);background-size:cover}#home-about{background-image:url(/static/media/about.eac85ac3b36a09eff398.png);background-size:cover}#home-skills{background-image:url(/static/media/skills.ef8120521e2e883c3a8c.png);background-size:cover}.home-span{-webkit-text-stroke:2px #000;color:#fff;font-family:homeDiv;font-size:4.5vw}.form-div{display:flex;justify-content:center;margin:0 auto;width:100%}.form-input{font-family:form;margin-bottom:10px;margin-top:5px;padding:10px;width:100%}form{width:50%}.form-input-label{color:coral;font-family:text}#message-input{font-family:form;height:200px;resize:none}.form-button{background-color:initial;border:2px solid #79b0ef;color:coral;font-family:text;padding:10px}.form-button:hover{border:2px solid coral;color:#79b0ef;cursor:pointer}.contact-header,.form-button-div{text-align:center}.icon-bar{left:0;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px}.icon-bar a{color:#fff;display:block;font-size:20px;opacity:.7;text-align:center;transition:all .5s ease}.icon-bar a:hover{background-color:initial}.linkedin{background-color:#0288d1}.resume{background-color:#c2e8ff}.github{background-color:#6693c1}.icon-bar-icon{width:100%}.bio{display:flex;flex-direction:row}.bio-text-div{float:right;margin-left:10px}.bio-img{border-radius:10px;cursor:pointer;float:left;width:100%}hr{margin-top:1px}.component-heading{margin-bottom:1px}@media screen and (max-width:992px){.project-images-grid{grid-template-columns:100%;grid-template-rows:auto}.container{min-height:700px}.nav-ul{padding-left:0}}@media only screen and (max-width:600px){.icon-bar a{font-size:13px}.icon-bar{left:0}form{margin-right:10%;width:90%}.form-input{width:100%}.home-nav-grid{grid-template-columns:100%}.home-span{font-size:9vw}.container{max-height:2000px;min-height:700px}.skills-grid{grid-template-columns:50% 50%}.bio{flex-direction:column}}@media only screen and (max-width:632px){.nav-ul{display:none}#mobile-nav-div{display:block}}
/*# sourceMappingURL=main.14f62ed0.css.map*/