@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap);.headerStyle{align-items:center;background-color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px;box-shadow:2px 2px 3px grey;display:flex;flex-direction:row;height:auto;justify-content:space-between;position:fixed;width:75%;z-index:4}.textlink{border-top:1px solid #000}.logo{height:auto;max-width:75px}.logo-image{border-radius:50%;width:3em}.leftDiv,.rightDiv{align-items:center;display:flex;flex-direction:row}.rightDiv{justify-content:space-between}.navlink{color:#000;font-family:Overpass,sans-serif;font-size:1.5em;margin:.3em 1em;text-decoration:none}.navlink:hover{-webkit-transform:scale(1.25);transform:scale(1.25);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.link--logo-image{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:1.5em}.mail{font-size:2em;text-align:center}.left{border-right:.05em solid #06a506}h1{color:#333;font-size:.5em;padding-left:1em}@media only screen and (max-width:1200px){.headerStyle{width:97%}.navlink{font-size:1.4em;margin:.5em}}@media only screen and (max-width:450px){.headerStyle{justify-content:space-between}.navlink{font-size:20px;margin:4px}}body{font-family:Overpass,sans-serif}.landingPage{align-items:center;background-color:#fff;color:#3c3c3c;display:flex;flex-direction:column;justify-content:space-around;letter-spacing:2.5px;line-height:1.5;margin-top:3em}p{font-size:19px}.avatar{display:flex;justify-content:space-evenly;margin:1em;max-width:85%;padding:1em}.projectsMap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.project{align-self:center;margin-bottom:2em;max-width:80%;padding:1em}.avatar-image{align-self:center;border-bottom-left-radius:50%;border-end-end-radius:15px;border-top-left-radius:50%;border-top-right-radius:50%;box-shadow:3px 3px 1px 1px #494949;height:350px;padding:.6em}.avatar-image:hover{box-shadow:10px 10px 10px #7e7e7e;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}section{background-color:#fff;color:#3c3c3c}#section1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.latestProjectsH3{color:#000;font-size:2em;margin:auto;max-width:80%;text-align:left;-webkit-text-decoration:underline #c40000;text-decoration:underline #c40000;text-underline-offset:10px}.avatar-text{font-family:Overpass,sans-serif;max-width:45%}.avatar-text>p>a{color:#0688d3;font-weight:600;letter-spacing:3px;text-decoration:none}#section2{background-color:#fff}#section3{align-items:center;display:flex;flex-direction:column;margin-bottom:1em;margin-top:1em}.skill-image{height:3em}#section0>.coverart,.skill-image{-webkit-filter:grayscale(1);filter:gray;filter:grayscale(1)}.skills-wrap:hover{box-shadow:10px 10px 10px #7e7e7e;-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.skills-wrap{border-radius:5px;margin:2em 5em 2em 2em;padding:3px;text-align:center}.techSkillsDiv{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:70%}#section0,.techSkillsDiv{align-items:center;display:flex}#section0{flex-direction:column}@media only screen and (max-width:1200px){.avatar{max-width:100%}.avatar-text{max-width:80%}.avatar-text>h2{text-align:center}.avatar-text>p{font-size:1.1em}.avatar-image{align-self:center;height:auto;margin-right:35px;max-width:35%}.aboutP{margin:0}.skill-image{height:3em}.techSkillsDiv{max-width:100%}.skills-wrap{margin:1em}.coverart{max-width:102%}.latestProjectsH3{font-size:1.5em;max-width:100%;text-align:center}}@media only screen and (max-width:800px){.avatar{display:flex;flex-direction:column}.avatar-text{margin-top:0;max-width:100%}.avatar-image{margin-right:0;margin-top:2em;max-height:30vh;max-width:55%}}.projectScreen{border-radius:15px;box-shadow:2px 2px 35px 1px gray;margin-bottom:1em;margin-right:1em;max-width:60%}.projectDiv{background-color:#fff;border:2px solid #000;box-shadow:7px 7px #000;display:flex;flex-basis:100%;flex-direction:column;max-width:75%;padding:1em;position:relative}.projectDiv:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}h4{font-size:1.5em}.titlelink{color:#3c3c3c;text-align:center;text-decoration:none}.titlelink:hover{text-decoration:underline;-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}p{font-size:15px}.button{box-shadow:3px 3px 3.5px transparent;color:#3874cb;font-weight:900;margin-right:1em;padding:.7em;text-decoration:none;white-space:nowrap}.button:hover{border-bottom:2px solid orange;box-shadow:3px 3px 3.5px rgba(0,0,0,.712)}.buttonGroup{margin-top:1em}.contentBlock{display:flex;flex-direction:row;letter-spacing:2px;line-height:1.1}.right-handside-content{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:1200px){.contentBlock{display:flex;flex-direction:column}.buttonGroup{display:flex;flex-direction:row;margin-top:0}.button{border:2px solid #3874cb;border-radius:10px;font-size:90%;padding:20px;width:50%}.projectDiv,.projectScreen{max-width:100%}}@media only screen and (max-width:450px){.buttonGroup{display:flex;flex-direction:row;margin-top:0}.button{border:2px solid #3874cb;border-radius:10px;font-size:10px;padding:15px;width:45%}p{font-size:9px}h3{font-weight:700;text-align:center}h3,h4{font-size:12px}}.aboutwrapper{align-items:center;display:flex;flex-direction:column;font-family:Overpass,sans-serif;justify-content:space-evenly}.aboutwrapper>.coverart{border-radius:5px;box-shadow:1px 1px 5px #494949;margin-top:5em;max-width:60%}.textwrapper>p{font-size:14px}.textwrapper{width:50%}.navHashLink{font-weight:700;text-decoration:none}.techSkillsDiv{border-radius:5px;box-shadow:1px 1px 5px #000;max-width:75%}@media only screen and (max-width:1200px){.textwrapper{width:95%}.aboutwrapper>.coverart{margin-top:3em;max-width:80%}.textwrapper>p{font-size:14px}}
/*# sourceMappingURL=main.1f7fc82e.css.map*/