@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,700&family=Raleway:wght@400;500;700&family=Space+Grotesk:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);body{background-color:#fff;color:#4d4d4d;font-family:Lato,Helvetica,sans-serif;margin:0;overflow-x:hidden;width:100%}h2{color:#ff6464;font-family:Space Grotesk,sans-serif;font-size:1.5em;font-weight:400;padding-bottom:20px!important;padding-top:20px!important}h3{margin:0;text-align:center}.separator{background-color:#f2f2f2;border-radius:2px;height:2px;margin:25px auto;width:75%}button{font-family:Raleway,sans-serif;font-weight:500}.fake-margin{box-sizing:border-box;margin:auto;max-width:600px;padding:0 50px;z-index:3}@media screen and (max-width:400px){.fake-margin{padding:0 15px}}header{position:relative;width:100%}header #graph{background-image:linear-gradient(355deg,#ff6464,#757bfd 35%);height:105%;opacity:1;top:-7px;z-index:0}header #graph,header #graph:before{display:block;left:0;position:absolute;width:100%}header #graph:before{background-image:url(/static/media/main-banner_graphic.dcb80e6e3ea7aed88811.svg);background-repeat:no-repeat;background-size:cover;content:"";height:100%;opacity:.7;top:0}header section{background-color:#757bfd;border-radius:0 0 20px 20px;color:#f2f2f2;display:flex;flex-direction:column;overflow:hidden;padding:40px 0;position:relative}header section #nameTitle{font-family:Space Grotesk,sans-serif;font-size:1.5em;font-weight:400;margin:20px 30px 0 0}header section #nameTitle #cvTitle{font-family:Raleway,sans-serif}header section #nameTitle #myName{font-weight:700;line-height:.8em}header section #nameTitle #jobTitle{font-size:.7em}header section #introduction{font-family:Space Grotesk,sans-serif;font-size:.8em;font-weight:300;margin-left:50%;width:50%}header section #introduction span{background-color:#a1a8ff;padding:1px}header section button{align-items:center;background-color:#ff6464;border:none;border-radius:40px;color:#23008e;cursor:pointer;display:flex;justify-content:space-between;padding:5px 14px 5px 20px}header section button>span{align-content:center;align-items:center;display:flex;font-size:1.5em;line-height:1em;padding-left:6px;text-align:center}header section button:hover{background-color:#f2f2f2}#mainIntroduction{background-image:url(/static/media/what-drives-me_graphic.9a082dde8c4a9775d1a4.svg);background-repeat:no-repeat}#mainIntroduction p{font-family:Raleway,sans-serif;font-weight:400;padding-bottom:27px;text-align:justify}article#skillsArticle{background-color:#f2f2f2;border-radius:20px;display:block;margin-left:auto;margin-right:auto;max-width:850px;padding-bottom:20px;padding-top:5px;position:relative;width:100%}@media screen and (max-width:850px){article#skillsArticle{overflow:hidden}}article#skillsArticle>.graphic{background-image:url(/static/media/mad-skillls_graphic.f935dfaf6bb84ddf6984.svg);background-position:100% -14px;background-repeat:no-repeat;background-size:50%;display:block;height:100%;position:absolute;right:-60px;top:0;width:100%}article#skillsArticle>div.fake-background{background-color:transparent;border-radius:20px;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:900px}article#skillsArticle>div.fake-background #skills{display:flex;flex-direction:row;justify-content:space-between;position:relative}@media screen and (max-width:800px){article#skillsArticle>div.fake-background #skills{flex-direction:column}}article#skillsArticle>div.fake-background #skills #skillSet{display:flex;flex-direction:column-reverse;justify-content:left;margin-bottom:12px;position:relative;width:47%}@media screen and (max-width:800px){article#skillsArticle>div.fake-background #skills #skillSet{justify-content:left;width:100%}}article#skillsArticle>div.fake-background #skills #skillDesc{display:flex;flex-direction:column;font-family:Raleway,sans-serif;font-size:.75em;line-height:1.6em;position:relative;text-align:justify;width:47%}@media screen and (max-width:800px){article#skillsArticle>div.fake-background #skills #skillDesc{width:100%}}article#skillsArticle>div.fake-background #skills #skillDesc p{font-family:Raleway,sans-serif}#skill.fake-border{border:2px solid #f2f2f2;border-radius:40px;display:block;margin:4px;outline:1px solid #757bfd;position:relative;width:100%}#skill.fake-border>.skill_slider{border:none;border-radius:40px;cursor:pointer;display:flex;height:21px;overflow:hidden;position:relative}#skill.fake-border>.skill_slider>.skill_name{align-items:center;color:#575dd0;display:flex;font-size:.6em;height:100%;margin-left:20px;position:absolute;z-index:1}#skill.fake-border>.skill_slider>.skill_name span{color:#999}@media screen and (min-width:800px){#skill.fake-border>.skill_slider>.skill_name span{display:none}}#skill.fake-border>.skill_slider>.progressBar{align-content:center;align-items:baseline;background-color:#d9dcff;display:flex;height:100%;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);transform-box:content-box;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:100%;z-index:0}#skill.fake-border>.skill_slider>.progressBar>.ball{background-color:#a1a8ff;background-image:linear-gradient(to bottom right,#f2f2f2,#a1a8ff 50%);border-radius:25px;display:flex;height:21px;position:absolute;right:-12px;width:21px;z-index:2}#skill.fake-border.clicked{outline:1px solid #999}#skill.fake-border.clicked>.skill_slider>.progressBar{background-color:#ff9b9b}#skill.fake-border.clicked>.skill_slider>.progressBar>.ball{background-color:#ff6464!important;background-image:none}#skill.fake-border.clicked>.skill_slider:hover{background-color:#f2f2f2}#skill.fake-border.clicked>.skill_slider>.skill_name{color:#f2f2f2}#skill.fake-border.clicked:hover>.skill_slider>.skill_name{color:#999}#skill.fake-border.clicked:hover>.skill_slider>.progressBar{background-color:#f8c2c2}#skill.fake-border:hover>.skill_slider>.progressBar{background-color:#f2f2f2}#portfolio{align-content:center;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:50px;position:relative;width:100%}#portfolio>#followLink{background-color:#ff9b9b;color:#999;pointer-events:none}#portfolio>#followLink.clickable{background-color:#ff6464;color:#23008e;pointer-events:auto}#portfolio button{background-color:#ff6464;border:none;border-radius:40px;color:#23008e;cursor:pointer;justify-content:center;justify-items:center;margin:7px auto 0;padding:6px 14px 5px 20px;position:relative;width:180px}#portfolio button,#portfolio button>span{align-content:center;align-items:center;display:flex}#portfolio button>span{font-size:1.5em;line-height:1em;padding-left:6px;text-align:center}#portfolio button:hover{background-color:#ff9b9b}#portfolio>div#gitHub{align-content:center;align-items:center;align-self:center;background-color:#d9dcff;border:2px solid #fff;border-radius:10px;box-sizing:border-box;flex-direction:row;font-size:.7em;justify-content:center;justify-items:center;margin:2px 0 0;outline:1.5px solid #757bfd}#portfolio>div#gitHub,#portfolio>div#gitHub>div#git{display:flex;position:relative;text-align:center;width:auto}#portfolio>div#gitHub>div#git{background-color:#a1a8ff;border-radius:10px;color:#333;margin-right:3px;overflow:hidden;padding:3px 6px}#portfolio>div#gitHub>div#gitAddress{color:#4d4d4d;display:flex;padding:3px 10px 3px 3px;position:relative;text-align:center;width:auto}#portfolio>#portfolio-graphic{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}#portfolio>#portfolio-graphic #picture{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:400px}#portfolio>#portfolio-graphic #picture img{margin-left:auto;margin-right:auto;max-width:400px;width:100%}#portfolio>#portfolio-graphic>button{background-color:transparent;border:2px solid #f2f2f2;border-radius:30px;color:#f2f2f2;cursor:auto;height:30px;margin:0;padding:0;width:30px}#portfolio>#portfolio-graphic>button>span{padding:0}#portfolio>#portfolio-graphic>button.clickable{border-color:#999;color:#999;cursor:pointer}#portfolio>#portfolio-graphic>button.clickable:hover{border-color:#ff6464;color:#ff6464;cursor:pointer}#portfolio>#portfolio-description{margin-top:30px}#portfolio>#portfolio-description>div{font-family:Raleway,sans-serif;font-size:.8em;text-align:justify}#portfolio>#portfolio-description>div>h6{font-size:.8em;font-weight:700;margin-right:4px}#portfolio>#portfolio-description>div>h6.extraParagraph{color:#ff9b9b;font-size:.9em;text-decoration:underline}#portfolio>#portfolio-description>div>div{font-weight:400}#portfolio>#portfolio-description>div>*{display:inline}#portfolio>#portfolio-description>div:first-child>div{color:#ff6464}.animationToRight{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:aniR;animation-name:aniR}@-webkit-keyframes aniR{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}49%{opacity:0;-webkit-transform:translateX(800px);transform:translateX(800px)}51%{opacity:0;-webkit-transform:translateX(-800px);transform:translateX(-800px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes aniR{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}49%{opacity:0;-webkit-transform:translateX(800px);transform:translateX(800px)}51%{opacity:0;-webkit-transform:translateX(-800px);transform:translateX(-800px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.animationToLeft{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:aniL;animation-name:aniL}@-webkit-keyframes aniL{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}49%{opacity:0;-webkit-transform:translateX(-800px);transform:translateX(-800px)}51%{opacity:0;-webkit-transform:translateX(800px);transform:translateX(800px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes aniL{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}49%{opacity:0;-webkit-transform:translateX(-800px);transform:translateX(-800px)}51%{opacity:0;-webkit-transform:translateX(800px);transform:translateX(800px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#contactForm{background-color:#ff6464;border-radius:20px 20px 0 0;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:850px;position:relative;width:100%}@media screen and (max-width:850px){#contactForm{overflow:hidden}}#contactForm .graphic{background-image:url(/static/media/interested_graphic.99b01c67ddf604e0f612.svg);background-position:0 10px;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;height:50%;left:-32%;margin-right:0;position:absolute;width:50%;z-index:0}#contactForm>div.fake-margin{background-color:transparent;display:block;padding-bottom:40px;position:relative;z-index:0}#contactForm>div.fake-margin h2{background-color:transparent;color:#f2f2f2;margin-bottom:0;position:relative;z-index:2}#contactForm>div.fake-margin form{display:flex;flex-direction:column;font-family:Raleway,sans-serif;justify-content:center;margin:auto;position:relative;z-index:2}#contactForm>div.fake-margin form input,#contactForm>div.fake-margin form textarea{background-color:#ff9b9b;border:none;border-radius:20px;box-sizing:border-box;display:block;font-family:Raleway,sans-serif;margin:10px 0;padding:5px 20px;width:50%}#contactForm>div.fake-margin form input::-webkit-input-placeholder,#contactForm>div.fake-margin form textarea::-webkit-input-placeholder{color:#fff}#contactForm>div.fake-margin form input::placeholder,#contactForm>div.fake-margin form textarea::placeholder{color:#fff}#contactForm>div.fake-margin form input:focus,#contactForm>div.fake-margin form textarea:focus{outline:none}#contactForm>div.fake-margin form textarea{height:100px;resize:none;width:100%!important}#contactForm>div.fake-margin form button{align-content:center;align-items:center;background-color:#757bfd;border:none;border-radius:20px;color:#23008e;display:flex;font-family:Raleway,sans-serif;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:10px;padding:5px 25px;width:auto}#contactForm>div.fake-margin form button span{margin-left:6px}#contactForm>div.fake-margin form button:hover{background-color:#a1a8ff;cursor:pointer}article#customAlert{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.4);font-family:Raleway,sans-serif;font-weight:400;height:100%;left:0;position:fixed;top:0;width:100%;z-index:12}article#customAlert,article#customAlert>div.alertContent{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}article#customAlert>div.alertContent{background-color:#fff;border:2px solid #575dd0;border-radius:20px;flex-direction:column;position:absolute;text-align:center;width:50%;z-index:2}article#customAlert>div.alertContent h5,article#customAlert>div.alertContent h6{color:#23008e;font-weight:400;margin:0}article#customAlert>div.alertContent h5{color:#ff6464;font-size:1em;font-weight:700;margin-top:25px}article#customAlert>div.alertContent h6{font-size:.8em}article#customAlert>div.alertContent p{font-size:.7em;margin:15px}article#customAlert>div.alertContent button{align-items:center;background-color:#ff6464;border:none;border-radius:40px;color:#23008e;cursor:pointer;display:flex;justify-content:center;margin-bottom:25px;padding:5px 14px;width:50%}article#customAlert>div.alertContent button:hover{background-color:#f8c2c2;color:#575dd0}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}#footer{background-color:#757bfd;color:#d9dcff;display:flex;height:65px;position:relative}#footer,#footer>div{width:100%}
/*# sourceMappingURL=main.2a1cc11b.css.map*/