.App{background-color:#000;height:104%;margin-bottom:-3vh;margin-left:-2vw;margin-top:-3vh;text-align:center;width:103%}.hidden,.mobile{display:none}header{align-items:center;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:#000;display:flex;flex-direction:row;height:8vh;justify-content:space-between}@-webkit-keyframes drop-nav{0%{position:-webkit-sticky;position:sticky;top:-100px}25%{position:-webkit-sticky;position:sticky;top:-75px}50%{position:-webkit-sticky;position:sticky;top:-50px}75%{position:-webkit-sticky;position:sticky;top:-25px}to{position:-webkit-sticky;position:sticky;top:0}}@keyframes drop-nav{0%{position:-webkit-sticky;position:sticky;top:-100px}25%{position:-webkit-sticky;position:sticky;top:-75px}50%{position:-webkit-sticky;position:sticky;top:-50px}75%{position:-webkit-sticky;position:sticky;top:-25px}to{position:-webkit-sticky;position:sticky;top:0}}@-webkit-keyframes raise-nav{0%{position:-webkit-sticky;position:sticky;top:0}25%{position:-webkit-sticky;position:sticky;top:-25px}50%{position:-webkit-sticky;position:sticky;top:-50px}75%{position:-webkit-sticky;position:sticky;top:-75px}to{position:-webkit-sticky;position:sticky;top:-100px}}@keyframes raise-nav{0%{position:-webkit-sticky;position:sticky;top:0}25%{position:-webkit-sticky;position:sticky;top:-25px}50%{position:-webkit-sticky;position:sticky;top:-50px}75%{position:-webkit-sticky;position:sticky;top:-75px}to{position:-webkit-sticky;position:sticky;top:-100px}}header a{color:#f0f8ff}.icon-nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto 0 auto 10vw;width:30%}.icons{cursor:pointer;width:33px}.section-scroll{display:flex;flex-direction:row;justify-content:space-between;margin:auto 10vw auto 0;width:35%}.shift-page-link{font-size:14pt;text-decoration:none}.shift-page-link:hover,.underlined{text-decoration:underline}.profile-pic{border:3px ridge #000;border-radius:50%;width:120px}.landing{background-image:url(/static/media/digitalCity.09e3c5660c33771897e6.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;color:#f0f8ff;height:87vh;margin:-3vh auto;padding-top:13vh}.landing h1{-webkit-text-fill-color:#f0f8ff;-webkit-text-stroke-color:#2a2929;-webkit-text-stroke-width:.9px;text-shadow:-3px 3px 2px #2a2929}.greeting,.introduction{font-size:25pt}.introduction{margin-bottom:10vh}.declaration{font-size:33pt}#projects-section{background-image:linear-gradient(90deg,blue,#2a4365);color:#f0f8ff;height:-webkit-max-content;height:max-content;min-height:130vh;padding-bottom:5vh}.banner{font-size:20pt;margin-left:9%;padding-top:40px;text-align:left;text-decoration:underline}.projects{grid-gap:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;margin:auto;max-height:85vh;max-height:-webkit-max-content;max-height:max-content;width:95%}.project-card{border:1px solid blue;border-radius:16px;box-shadow:-1px 1px 13px #f0f8ff;display:flex;flex-direction:column;justify-content:space-between;max-width:500px;padding:10px;text-align:left;width:90%}.project-image-button{background-color:blue;border-radius:16px 16px 0 0;max-height:300px}.project-image-button:hover{background-color:#f0f8ff}.project-image{border-radius:16px 16px 0 0;max-height:276px;max-width:484px;width:100%}.project-title{margin-bottom:0;text-decoration:underline}.project-description{font-size:14pt}.site-button{align-self:center;background-color:#f0f8ff;border-radius:10px;width:-webkit-max-content;width:max-content}.site-button:hover{text-decoration:underline}.site-button a{font-size:12pt;text-decoration:none}.site-arrow{height:10px;margin:0 0 0 10px}#contactme-section{background-image:linear-gradient(90deg,#2a4365,blue);color:#f0f8ff;height:77vh;margin-top:-3vh;padding-bottom:10vh;padding-top:11vh}form{border:2px solid blue;border-radius:10px;box-shadow:-2px 2px 13px #f0f8ff;margin:auto;width:45%}form h1{font-size:25pt;margin:20px auto;text-align:center;text-decoration:underline}.form{margin:0 auto 20px;text-align:left;width:90%}.form label{display:block;font-size:16pt;margin:0 0 10px;text-align:left}input,textarea{border-radius:5px;margin:0 auto;padding:1vh .5vw;width:97%}input,select,textarea{background-color:initial;border:1px ridge #f0f8ff;color:#f0f8ff;font-size:12pt}select{width:100%}textarea{height:8ch}.error-message{color:red;font-size:15pt;height:2.3ch;margin:.5vh auto 2vh;text-align:center;width:100%}.form button{background-color:initial;border:1px ridge #f0f8ff;border-radius:5px;box-shadow:-1px 1px 5px #f0f8ff;color:#f0f8ff;font-size:13pt;margin-left:25%;max-height:5vh;max-width:50%;min-width:12ch;overflow:hidden;width:50%}.form button:disabled{border:1px ridge red;box-shadow:none;cursor:not-allowed}.form a{color:#f0f8ff;height:100%;padding:1vh 4.2vw;text-decoration:none;width:100%}.form a:hover{text-decoration:underline;transition:all 3s ease-in-out}.details-page{background-image:radial-gradient(circle,#2a4365,blue);color:#f0f8ff;display:flex;flex-direction:column;min-height:100vh;padding:20px;text-align:center}.details-image{margin:4vh auto;width:80%}.details-title{font-size:20pt;text-decoration:underline}.details,.details-tech-used{font-size:16pt;padding:0 30pt;text-align:start}.details-github-button,.details-site-button{font-size:12pt;margin:20px auto;width:-webkit-max-content;width:max-content}.details-github-link,.details-site-link{color:blue;text-decoration:none}.details-github-link:hover,.details-site-link:hover{color:grey;text-decoration:underline}footer{background-color:#000;color:#f0f8ff;display:flex;flex-direction:row;font-size:14pt;height:8vh;justify-content:space-around;margin-bottom:-2vh;width:100%}@media (max-width:900px){.desktop{display:none}.nav-icon{border-radius:7px;display:flex;margin-right:3vw;max-height:100%;padding:0}.nav-icon-img{background-color:#f0f8ff;width:35px}.section-scroll-list{background-color:rgba(42,67,101,.8);border:2px solid blue;border-radius:7px;box-shadow:-1px 1px 8px #f0f8ff;display:flex;flex-direction:column;font-size:16pt;margin:2vh 0;padding:1vh 1vw;position:absolute;right:2vw;text-align:left;top:7vh;width:-webkit-max-content;width:max-content;z-index:11}.shift-page-link{font-size:16pt;margin:.75vh 0}.icon-nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto 0 auto 3vw;width:70%}.landing{margin:-3vh auto;min-height:92vh;overflow:hidden;padding-top:5%}.introduction{margin-bottom:5vh}.declaration{font-size:27pt}.banner{font-size:25pt}.details-image{width:95%}.details-title{font-size:20pt;text-decoration:underline}.details,.details-tech-used{padding:0 10pt}#contactme-section{height:77vh;margin-top:-3vh;padding-bottom:20vh;padding-top:10vh}form{width:90%}.form button{margin-top:2vh;max-height:-webkit-max-content;max-height:max-content}}@media (max-width:380px){.landing{margin:-3vh auto;padding-top:5%}.introduction{margin-bottom:5vh}.declaration{font-size:27pt}#projects-section{min-height:145vh;padding-bottom:5vh;padding-top:.5vh}.banner{font-size:25pt;padding-top:20px}.project-image-button{margin:auto;min-width:100%}.projects{display:inline-block;margin-bottom:20px}.project-card{margin:0 auto 40px}.project-description{font-size:16pt}#contactme-section{padding-bottom:30vh}}@media (max-width:350px){.landing{height:91vh;margin:-3vh auto;padding-top:5%}.introduction{margin-bottom:5vh}.declaration{font-size:28pt}#projects-section{min-height:175vh}.banner{padding-top:10px}#contactme-section{padding-bottom:40vh}.form button{margin-top:3vh}.form a{padding:1vh 0}}
/*# sourceMappingURL=main.52385e51.css.map*/