@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap);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;background-color:#f7f7f7}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@-webkit-keyframes headerIn{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,100% 0,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes headerIn{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,100% 0,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@-webkit-keyframes title{0%{right:100%}to{right:calc(50% - 3em)}}@keyframes title{0%{right:100%}to{right:calc(50% - 3em)}}#header-bg{width:100%;height:50vh;background-image:url(/static/media/cool-background.e90c948d.svg);background-color:#add8e6;background-size:cover;background-repeat:no-repeat;position:relative}#title{margin:0;position:absolute;bottom:35%;right:calc(50% - 3em);font-size:5em;color:#f0f8ff;-webkit-animation:title 1s ease;animation:title 1s ease}#title,.topnav{white-space:nowrap;font-family:"Nunito",sans-serif}.topnav{background-color:#fff;overflow:hidden;height:3.5em}.navcontent{width:80%;margin-left:auto;margin-right:auto;min-width:1000px;max-width:1525px}.topnav a{float:left;color:#000;text-align:center;padding:18px 16px;margin:0;text-decoration:none;font-size:17px}.topnav a:hover{color:#00f}.topnav a.active{background-color:#87ceeb;color:#fff}.topnav .logo{display:inline-block;vertical-align:top;width:30px;height:30px;margin-top:-5px;margin-left:-5px}@-webkit-keyframes float{0%{right:100%}to{right:0}}@keyframes float{0%{right:100%}to{right:0}}.floating{min-height:300px;width:80%;max-width:1525px;-webkit-transform:translateY(-30px);transform:translateY(-30px);margin-left:auto;margin-right:auto;background-color:#fff;position:relative;min-width:1000px;border-radius:3px;z-index:1;-webkit-animation:float 1s ease;animation:float 1s ease}.titlename{padding-top:20px;padding-left:20px;font-family:"Nunito",sans-serif;color:#d3d3d3}hr.solid{border-top:1px solid #f0f8ff}.footer{background-color:#e5e7e9;padding-top:50px;padding-bottom:30px;font-family:"Nunito",sans-serif;margin-top:-10px;min-height:100px}.footercontent{width:80%;margin-left:auto;margin-right:auto;min-width:1000px;max-width:1525px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#footertext{font-size:2em;margin:0}#copyright{margin:0}#links{float:right;font-size:2em;color:#000;margin-left:5px;margin-right:5px}#links:hover{color:#00f}.About{display:-webkit-flex;display:flex}#pic{margin:2em;min-width:350px}#picture,.buzz{max-width:500px}#picture{width:100%;max-height:100%;border-radius:2px;box-shadow:-8px 9px 4px 1px rgb(0 0 0/7%);object-fit:cover}#aboutme,.Contact,.Project{margin:2em;font-family:"Nunito",sans-serif}.eduSkills{display:-webkit-flex;display:flex}#uni{max-width:350px;padding-left:2em;padding-right:2em}.Education,.Skills{margin:2em;font-family:"Nunito",sans-serif}.allskills{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.allskills div{margin-right:3em}#skilltitle{margin-bottom:0}.Contact h1,.Contact p{margin:0}.contact-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#mail{max-width:20vw;min-width:250px;padding-right:10%}#mail:hover{-webkit-filter:invert(7%) sepia(100%) saturate(7480%) hue-rotate(248deg) brightness(106%) contrast(141%);filter:invert(7%) sepia(100%) saturate(7480%) hue-rotate(248deg) brightness(106%) contrast(141%)}#projects h2,#projects p,#projects ul{margin:0}#projects ul{padding-top:1em}#projects{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}#projects,.form{padding-bottom:2em}.form{margin-top:2em;width:50%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 5fr 1fr;grid-template-areas:"a b" "c c" "d d";grid-gap:1em;gap:1em}.form #email,.form #name,.form #subject{font-family:"Nunito",sans-serif;border-radius:4px;border:none;background-color:#f7f7f7;font-size:medium;padding-left:1em}#name{grid-area:a}#email{grid-area:b}#subject{grid-area:c;padding-top:1em}#submit{grid-area:d;display:inline-block;border:.1em solid #f7f7f7;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-family:"Nunito",sans-serif;font-size:medium;text-align:center;transition:all .2s;cursor:pointer}#submit:hover{border:.1em solid #000;background-color:#fff}#buttonbox{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.gitbutton{background-color:#f7f7f7;border:.1em solid #f7f7f7;font-family:"Nunito",sans-serif;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-bottom:2em;transition:all .2s;cursor:pointer}.gitbutton:hover{border:.1em solid #000;background-color:#fff;font-weight:700}@media only screen and (min-width:2000px){#mail{max-width:15vw}}@media only screen and (max-width:1000px){.floating{width:100%;min-width:auto}.footercontent{width:90%;min-width:auto;padding-left:1em;padding-right:1em}.navcontent{width:100%;min-width:auto;padding-left:.5em;padding-right:.5em}#title{font-size:10vw}#header-bg{height:50vw;min-height:325px}}@media only screen and (max-width:850px){#projects{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#mail{padding-right:0;display:none}}@media only screen and (max-width:700px){.About{-webkit-flex-direction:column;flex-direction:column}#pic{min-width:none}#aboutme,#pic{margin-bottom:0}#aboutme{margin-top:0}#links{font-size:3em}.eduSkills{-webkit-flex-direction:column;flex-direction:column}}@media only screen and (max-width:420px){.topnav a{padding-left:2vw;padding-right:2vw}}@media only screen and (min-width:300px) and (max-width:500px){.topnav a{padding-left:6px;padding-right:6px}}
/*# sourceMappingURL=main.d6ec9b7a.chunk.css.map */