@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;700&display=swap);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}body{overflow-x:hidden}.App{background-color:#1e1e1e;display:flex;margin:0;padding:0}#page{display:inline;margin:0 auto;width:100vw}.content{margin:0 auto;max-width:70vw}h2,h3,p{color:#fff;font-family:Inter,sans-serif;margin:0}h2{font-size:2.75em}button{background-color:initial;border:none;color:#fff;font-family:Inter,sans-serif}nav{background-color:#2a2e2d;bottom:0;height:100vh;margin-left:auto;overflow-x:hidden;overflow-y:auto;pointer-events:all;position:-webkit-sticky;position:sticky;right:0;top:0;width:250px}nav,nav.small{transition:width .5s ease}nav.small{pointer-events:none;width:64px}.open-nav{height:auto;left:50%;opacity:0;pointer-events:all!important;position:absolute;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.5s ease;width:12px}.open-nav.active{opacity:1;transition:.5s ease}.nav-content{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:75%;opacity:0;position:relative;transition:.1s ease}.nav-content.hide{opacity:0;transition:.5s ease}nav .logo{font-family:Source Code Pro,monospace;font-size:3.6em;font-weight:400;letter-spacing:1px;margin:32px auto;text-align:center;text-shadow:0 4px 4px #000}nav button{display:inline;margin-top:32px;transition:.5s ease}nav button:hover{color:#f8a897;cursor:pointer}nav span{color:#f8a897;display:inline;opacity:0;transition:.5s ease}nav span.active{opacity:1;transition:.5s ease}nav div.active{-webkit-transform:translateX(14px);transform:translateX(14px)}nav button.active,nav div.active{color:#f8a897;transition:.5s ease}nav div{transition:.5s ease}nav div:not(.active){-webkit-transform:translateX(0);transform:translateX(0)}#contact-btn{background:#f8a897;border:2px solid rgba(0,0,0,.5);border-radius:4px;color:#000;display:inline-block;flex:0 0 auto;margin:128px 14px 0;padding:16px 32px;transition:.3s ease}#contact-btn:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.3s ease}nav img{bottom:25px;display:block;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav img:hover{cursor:pointer}#home{height:100vh;min-height:800px;position:relative}.horizontal-block{background-color:pink;height:120px;width:120px}#home .welcome{background-color:#feffff;box-shadow:20px 15px 0 #598392;margin:0 auto;max-width:700px;padding-bottom:60px;position:relative;width:80%;z-index:1}#home button,#home h1,#home h3,#home p{color:#000;margin:0 100px 0 50px}h1{font-family:Inconsolata,monospace;font-size:5em;margin-top:2%!important;text-shadow:2px 3px 1px rgba(0,0,0,.5)}#home p{font-family:Roboto Mono,monospace;font-size:.8em;font-weight:700;padding-top:25%}#home h3{font-size:1.8em}#home button,#home h3{font-family:Inconsolata,monospace;margin-top:15%;opacity:.5}#home button{background-color:#97def8;border:2px solid rgba(0,0,0,.5);border-radius:4px;color:#000;padding:20px 50px;transition:.3s ease}#home button:hover{box-shadow:0 4px 3px #cff0fc;cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.3s ease}#about{background-color:#232525;position:relative;z-index:1}#about div{padding:64px 0}#about .row{position:relative}#about .left-col{display:inline-block;padding:0;width:60%}.about-img{display:inline-block;height:auto;position:absolute;right:0;vertical-align:top;width:30%}.down-arrow{display:block;height:20px;margin:0 auto}.down-arrow:hover{cursor:pointer}#about button{background-color:#ced155;border:2px solid rgba(0,0,0,.5);border-radius:4px;color:#000;font-family:Inconsolata,monospace;margin:10% 0;padding:20px 50px;transition:.3s ease}#about button:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.3s ease}#portfolio .content{align-items:center;display:flex;flex-direction:column;padding:96px 0}#contact{background-color:#232525}#contact .content{align-items:center;display:flex;flex-direction:column;padding:96px 0}#contact h2{margin-bottom:32px}#contact p{opacity:.5}#contact .row{text-align:center;width:80%}#contact button{background-color:#ffab99;border:2px solid rgba(0,0,0,.5);border-radius:4px;color:rgba(0,0,0,.5);font-family:Inconsolata,monospace;margin:10%;padding:20px 40px;transition:.3s ease;width:150px}#contact button:hover{cursor:pointer;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.3s ease}#phone{background-color:#97def8!important}.vertical-divider{border-right:2px solid hsla(0,0%,100%,.5);width:1px}.icons img{height:48px;margin:32px 24px;opacity:.5;transition:.3s ease;width:auto}.icons img:hover{cursor:pointer;opacity:1;transition:.3s ease}footer{background-color:#232525}.footer-columns-container{display:flex;justify-content:space-between;padding:32px 0;position:relative}footer p{margin-bottom:16px}footer .icon{margin-right:8px;opacity:.8;width:24px}footer .icon:hover{cursor:pointer;opacity:1;transition:.3s ease}.footer-nav{display:flex;flex-direction:column;justify-content:space-between}.footer-nav button{color:#fff;display:block;margin-bottom:4px;margin-left:auto;margin-right:0;opacity:.5;transition:.3s ease}.footer-nav button:hover{color:#f8a897;cursor:pointer;opacity:1;transition:.3s ease}.align-bottom{margin:32px 0 0}@media screen and (max-width:900px){#home{overflow:hidden}#page{margin-right:32px}h1{font-size:3.8em!important;margin-right:32px!important}#home h3{font-size:1.5em!important}nav{position:fixed;right:0;top:0;z-index:10}nav.small{width:32px}.open-nav{width:12px}#home div{max-height:90vh}.content{max-width:90%}.about-img{display:none}#about .left-col{width:100%}#about button{display:block;margin:32px auto}#contact .vertical-divider{border-bottom:2px solid hsla(0,0%,100%,.5);display:block;margin:0 auto;width:80%}}.portfolio-card{background-color:#232525;box-shadow:4px 4px 6px 2px rgba(0,0,0,.205);margin:32px 0;padding:24px;width:80%}.portfolio-card .row{display:flex;justify-content:space-between}.portfolio-card .left-col{display:inline-block;margin-bottom:16px;vertical-align:top;width:60%}.portfolio-card h4{color:#fff;margin:0}.portfolio-card p{margin-top:16px}.portfolio-card .preview{box-shadow:4px 4px 6px 2px rgba(0,0,0,.205);margin-bottom:32px;min-height:auto;object-fit:contain;vertical-align:top;width:30%}.divider-line{border-bottom:1px solid #fff;display:block;height:1px;margin-bottom:16px;width:100%}.portfolio-card .technologies{color:#cef2ff;font-family:Roboto Mono,monospace;font-size:.9em;line-height:32px;margin:0 16px 0 0;vertical-align:middle}.portfolio-card .icon{height:28px;margin:0 16px 0 0;opacity:.8;transition:.3s ease;width:28px}.portfolio-card .icon:hover{cursor:pointer;opacity:1;transition:.3s ease}.portfolio-card .icons{flex-direction:row;min-width:100px}.wip p{background:#97c9f8;background:linear-gradient(140deg,#97c9f8 17%,#e99cff);border-radius:2px;box-shadow:.5px .5px 2px 0 #e99cff;color:#fff;font-family:Roboto Mono,monospace;font-size:.9em;font-weight:600;margin:auto 8px auto 0;padding:2px 7px 2px 8px}.wip h4,.wip p{display:inline}@media screen and (max-width:900px){.portfolio-card .row{flex-direction:column}.portfolio-card .left-col{display:inline-block;vertical-align:top;width:100%}.portfolio-card .preview{margin-top:32px;width:100%}.portfolio-card .icon{display:inline-block;margin:16px 16px 0 0}}
/*# sourceMappingURL=main.6cb6e8b1.css.map*/