.App{align-items:center;display:flex;flex-direction:column;font-family:Open Sans;font-size:2rem;gap:5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;padding-bottom:3rem;width:100%}@media only screen and (min-width:1000px){.App{gap:10rem}}.header-div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;left:0;overflow:visible;padding:1.5rem;position:fixed;width:100%;z-index:100}.nav-menu{align-items:center;display:flex;flex-direction:column;height:30px;justify-content:space-around;width:30px;z-index:500}.nav-menu.active span:first-of-type{-webkit-transform:rotate(45deg) translateY(7px) translateX(7px);transform:rotate(45deg) translateY(7px) translateX(7px)}.nav-menu.active span:nth-of-type(2){width:0}.nav-menu.active span:last-of-type{-webkit-transform:rotate(-45deg) translateY(-7px) translateX(7px);transform:rotate(-45deg) translateY(-7px) translateX(7px)}.nav-menu span{background-color:grey;border-radius:3px;height:3px;transition:.5s;width:100%}header{height:100vh;left:0;padding-top:50px;position:absolute;top:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:1s;width:50%;z-index:100}header.active{-webkit-transform:translateX(0);transform:translateX(0)}header ul{align-items:center;display:flex;flex-direction:column;gap:2rem}header button{border-bottom:1px solid #40c463;font-size:1.5rem}header button:hover{background-color:rgba(64,196,99,.44);cursor:pointer}@media only screen and (min-width:1000px){.header-div{align-items:center;box-shadow:none}.nav-menu{visibility:hidden}header{box-shadow:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:0;position:static;-webkit-transform:translateX(0);transform:translateX(0);width:90%}header ul{flex-direction:row;justify-content:flex-end}header ul li:first-of-type{display:flex;left:0;position:absolute}}.switch{align-items:center;background-color:#373737;border-radius:50px;display:flex;height:30px;width:60px}.switch span{background-color:#fff;border-radius:25px;height:24px;margin-left:3px;position:absolute;transition:.3s;width:24px}.switch.active span{-webkit-transform:translateX(30px);transform:translateX(30px)}.home{height:100vh;width:100%}main{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding-top:10rem;position:relative;text-align:center;width:100%;z-index:1}.square1{height:300px;left:-250px;opacity:.5;position:absolute;top:25vh;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:300px;z-index:0}.square2-container span{height:250px;position:absolute;right:0;top:70vh;width:80px;z-index:0}.square2-container span:last-of-type{top:calc(70vh + 250px);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}main img{height:auto;width:250px}main h1{transition:1.5s}main h3{font-weight:300;transition:4s}@media only screen and (min-width:1000px){main{flex-direction:row-reverse;gap:5rem;height:80vh;justify-content:center}main img{width:350px}.square1{height:400px;left:-200px;width:400px}.square2-container span{height:400px;width:150px}.square2-container span:last-of-type{top:calc(70vh + 400px)}}.about-container{grid-gap:2em;align-self:center;display:grid;gap:2em;grid-template-areas:"title" "image" "skills" "bio";grid-template-columns:100%;grid-template-rows:repeat(4,auto);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-items:center;max-width:1000px;padding-top:3em;width:100%}.about h2{grid-area:title}.about img{border-radius:500px;grid-area:image;height:200px;padding:0;width:200px}.about-bio{font-size:1.5rem;gap:2em;grid-area:bio;width:80%}.about-bio,.about-section-skills{display:flex;flex-direction:column}.about-section-skills{gap:.5em;grid-area:skills;padding:0;width:250px}.about-section-skills li{display:flex;font-size:2rem;font-weight:700;gap:1em;justify-content:center;list-style:none;width:100%}.about-section-skills #html{gap:0!important}.about-section-skills #html svg:last-of-type{margin-right:1rem}.skill-icon{font-size:3.5rem}@media only screen and (min-width:750px){.about-container{grid-template-areas:"image title" "image bio" "skills bio" "skills bio";grid-template-columns:auto 1fr;grid-template-rows:repeat(4,auto)}.about-section-skills{justify-content:space-around}.bio{font-size:.9em}.about-bio{width:100%}}@media only screen and (min-width:1000px){.about-bio{font-size:2rem}}.portfolio{align-items:center;display:flex;flex-direction:column;gap:5rem;width:100%}.portfolio article{max-width:1000px!important}.project-square1{bottom:-150px;height:300px;left:-150px;opacity:.5;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:300px;z-index:0}.project-square2-container span{bottom:500px;height:250px;position:absolute;right:0;width:80px;z-index:0}.project-square2-container span:last-of-type{bottom:250px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.projects{display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-around;max-width:1300px;width:90%;z-index:1}.project{align-items:center;border-radius:7px;display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;max-width:400px;padding:2rem 1rem;width:100%}.project h2{font-size:2.5rem;text-align:center}.project img{width:300px}.project p{width:90%}.pill-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:70%;& li{align-items:center;border-radius:1rem;display:flex;justify-content:center;padding:.5rem;text-align:center}& li,& p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}& p{padding:0 .5rem}}.project-buttons{display:flex;justify-content:space-between;width:90%}.project-buttons button{background-color:#40c463;border-radius:5px;font-size:1.5rem}.project-buttons button:hover{background-color:rgba(64,196,99,.44);cursor:pointer}.project-buttons button a{display:flex;gap:1rem;justify-content:center}@media only screen and (min-width:1000px){.project-square2-container span{height:400px;width:150px}.project-square2-container span:last-of-type{bottom:100px}}footer{display:flex;justify-content:space-between;max-width:500px;width:90%;z-index:1}footer button{font-size:2rem}footer svg:hover{color:#40c463;cursor:pointer}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:10px}*{background-color:initial;box-sizing:border-box;overflow-x:hidden}#root,*{margin:0;padding:0}#root{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;width:100vw}h1,h3{font-family:Times New Roman,Times,serif}li{list-style:none}button{border:none;height:50px;width:130px}a{text-decoration:none}@media only screen and (min-width:1000px){button{width:150px}}
/*# sourceMappingURL=main.d6c91c63.css.map*/