body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Segoe UI";src:url(/portfolio/static/media/segoeui.d9076ed7.ttf);font-weight:400}@font-face{font-family:"Segoe UI";src:url(/portfolio/static/media/segoeuisl.426088e4.ttf);font-weight:400}html{margin-top:90px}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}#root,.App,body,html{height:calc(100vh - 90px)}.App{text-align:center}main{padding:0 1em}main h1{font-size:2.5em;margin-top:0;padding-top:20px;font-feature-settings:"pcap";font-variant:petite-caps;font-weight:500}header{height:90px;color:#4b4b4b;font-size:1.7rem;padding:0 10%;display:flex;justify-content:space-between;box-sizing:border-box;background-color:#fff;box-shadow:0 0 8px #005c78;font-feature-settings:"pcap";font-variant:petite-caps;position:fixed;width:100%;top:0;z-index:10}header p{display:inline-block;line-height:1}header #header-hamburger{display:none;background:none;border:none;cursor:pointer;height:80px;padding:10px;width:80px;position:absolute;top:5px;left:0}header #header-hamburger img{position:relative;top:0;right:0;height:35px}nav{width:40%;font-size:1.125rem;position:relative;top:5px;min-width:300px;font-feature-settings:"pcap";font-variant:petite-caps}nav a{color:#4b4b4b}nav a:hover{border-bottom:4px solid #0089be}nav ul{display:flex;justify-content:space-around;padding:0}nav .active{border-bottom:4px solid #0089be}nav li{list-style-type:none;display:inline-block;padding:2px 12px;line-height:2}@media screen and (max-width:700px){nav{position:fixed;width:100%;top:-420px;transition:top .5s ease-in-out;z-index:1;font-size:1.6em}nav a:hover{border:none;background-color:#56cfff}nav ul{flex-direction:column;background:#fff}nav ul li{width:100%;padding:35px 0}nav .active{border:none;background-color:#0089be;color:#fff;text-shadow:#fff 0 0 3px}header{justify-content:center}header #header-hamburger{display:block}.visible{top:65px}}#background{background:linear-gradient(rgba(0,184,255,.9),rgba(0,137,190,.99)),url(/portfolio/static/media/wallpaper.605b63f7.jpg);-webkit-filter:blur(.05rem);filter:blur(.05rem);height:100vh;z-index:-1;position:absolute;width:100%;min-height:300px;top:0}@media screen and (max-width:745px){#background{background-position-x:-800px}}#home-container{background-color:rgba(0,0,100,.15);margin:0 auto;padding:0 60px;width:90%;max-width:779px;min-width:350px;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}#home-container div{position:relative;top:-5%}#home-container h1,#home-container h2{margin:0;font-feature-settings:"pcap";font-variant:petite-caps;color:#fff}#home-container h1{font-size:5.5rem;letter-spacing:.025em;line-height:1}#home-container h2{font-size:1.8rem;font-weight:400;text-align:right}#home-container #intro{font-size:1.6rem;text-align:left}@media screen and (max-width:885px){#home-container h1{font-size:4.5em}}@media screen and (max-width:745px){#home-container h1{font-size:4em}}@media screen and (max-width:415px){#home-container{width:100%}#home-container #intro,#home-container h2{font-size:1.4em}}#about{padding:0 1em}#about h2{font-feature-settings:"pcap";font-variant:petite-caps;font-size:2em;font-weight:400;margin-bottom:40px}#about p{padding:0 5%;line-height:1.6;max-width:910px;margin:0 auto}#about ul{padding:0 5px;display:grid;justify-content:center;margin:0 auto}#about ul li{list-style-type:none;width:150px;margin:0 auto 20px;font-size:1.2em}#about ul li img{height:auto;width:100%;margin-bottom:5px}#about #about-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(410px,auto));justify-content:center;max-width:1200px;margin:0 auto 50px}#about #technologies{grid-template-columns:repeat(auto-fill,200px);max-width:600px}#about #tools{grid-template-columns:repeat(auto-fill,150px);max-width:400px}#about #tools li{width:125px}@media screen and (max-width:400px){#about #about-lists{grid-template-columns:repeat(auto-fit,minmax(200px,auto))}}.project-tile{display:grid;width:90%;max-width:400px;border-radius:5px;margin-bottom:40px;color:#fff;padding-bottom:10px;z-index:0;box-shadow:0 3px 5px rgba(0,92,120,.44)}.project-tile h2{background:rgba(0,58,119,.69);width:100%;padding:12px 0;margin:0;border-radius:5px 5px 0 0;font-size:1.6em;font-feature-settings:"pcap";font-variant:petite-caps;font-weight:400}.project-tile p{font-size:1em;margin:0 0 20px;padding:5px 15px;background:linear-gradient(rgba(0,58,119,.690196),rgba(2,105,176,0) 115%)}.project-tile .button-container{height:55px}.project-tile button{height:50px;width:60px;display:inline-block;margin:0 10px;font-size:1em;padding:5px 5px 15px;background:rgba(0,0,255,.13);color:#fff;border-radius:15px;border:3px solid #fff;cursor:pointer;transition:width .2s ease-in-out,height .2s ease-in-out}.project-tile button:hover{height:55px;width:65px}.project-tile button:hover img{top:6px}.project-tile button img{height:25px;position:relative;top:4px;transition:top .2s ease-in-out}.project-tile a{color:#fff;text-decoration:none}.project-tile:hover .image{-webkit-filter:blur(.1);filter:blur(.1)}.project-tile:hover .description{display:block;-webkit-filter:opacity(.9);filter:opacity(.9)}@media screen and (max-width:820px){.project-tile{min-width:200px}}#projects>p{padding:0 10%}#projects-container{margin:0 auto;display:grid;justify-items:center;width:80%;max-width:950px;grid-template-columns:1fr 1fr}@media screen and (max-width:820px){#projects-container{grid-template-columns:1fr;width:100%}}#contact-container{height:100%;background-image:url(/portfolio/static/media/brackets.88a08cca.png);background-repeat:no-repeat;background-size:820px;background-position-x:-90px;background-position-y:100px;overflow-y:auto}#contact-container ul{list-style:none;max-width:400px;padding:0 40px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fill,180px);grid-column-gap:40px;justify-content:center}#contact-container li{margin-bottom:20px}#contact-container a{text-decoration:none}#contact-container>p{margin:30px auto;max-width:650px;line-height:1.6;padding:0 3em}#contact-container button{cursor:pointer;width:180px;padding:10px;border-radius:5px;display:flex;justify-content:space-around;font-size:1.1em;line-height:2.2;border:2px solid #0089be;background-color:#c7e5f1;box-shadow:0 3px 5px rgba(0,92,120,.44)}#contact-container button img{width:40px}#contact-container button:hover{background-color:#8ecae2}
/*# sourceMappingURL=main.45b8420a.chunk.css.map */