*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#fff1e4;font-family:Orbitron;text-align:center}p{font-family:AR One;font-size:large;font-weight:500}.footer{align-items:center;background:#502e7e;display:flex;flex-direction:column;height:150px;justify-content:center;margin-top:20px;padding-bottom:20px;padding-top:10px;width:100%}.socials svg{cursor:pointer;font-size:70px;margin:10px}.footer p,.socials svg{color:#fff1e4}@media only screen and (max-width:960px){.footer svg{font-size:50px}}.home{align-items:center;background-color:#fff1e4;color:#502e7e;display:flex;flex-direction:column;font-size:20px;justify-content:center;padding-bottom:20px;padding-top:70px;text-align:justify;width:100%}.home h2{font-size:64px;height:auto;margin-bottom:20px;margin-top:40px;text-align:center}.home h3{font-size:32px;height:auto}.home .flex-container{align-items:flex-start;display:flex;flex-wrap:wrap;margin-top:20px}.home .flex-container .flex-child{align-items:center;display:block;flex:1 1;height:auto;margin-left:1vw;margin-right:1vw;margin-top:20px;width:35vw}.home .flex-container .flex-child .image{border:5px solid #fff1e4;border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);max-width:35vw}.home .flex-container .flex-child .socials svg{align-items:center;color:#502e7e;flex-direction:row;font-size:60px;margin:20px 5px 5px}.home .flex-container .flex-child .socials{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center}.home .flex-container .flex-child .socials svg:hover{color:#a157e7;transition:color .3s ease}.home .flex-container .flex-child .socials svg:not(:hover){color:#502e7e;transition:color .3s ease}@media only screen and (max-width:960px){.home{font-size:16px}.home h2{font-size:36px;margin-bottom:5px}.home h3{font-size:24px;height:auto}.home .flex-container{flex-direction:column;margin-top:0}.home .flex-container .flex-child{margin-right:0;width:80vw}.home .flex-container .flex-child .image{max-width:80vw}}#about-me.flex-container{gap:3vw}.work{align-items:center;background-color:#502e7e;color:#fff1e4;display:flex;flex-direction:column;font-size:20px;justify-content:center;padding-bottom:30px;text-align:left;width:100%}.work h2{font-size:48px;height:auto;margin-top:40px}.work h3{font-size:32px;height:auto}.work .flex-container{align-items:center;display:flex;flex-wrap:wrap;margin-top:25px}.work #right{text-align:right}.work #left{text-align:left}.work .flex-container .flex-child{align-items:center;display:block;flex:1 1;height:auto;margin-left:2vw;margin-right:2vw;margin-top:20px;width:33vw}.work .flex-container .flex-child .image{background-color:#fff1e4;border:5px solid #fff1e4;border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);max-width:33vw}.work .flex-container .flex-child p{margin-top:10px}.work .flex-container .flex-child ul{list-style-type:square;margin-top:10px;text-align:left}.work .flex-container .flex-child li{margin-top:10px}@media only screen and (max-width:960px){.work{font-size:16px}.work h2{font-size:36px}.work h3{font-size:24px}.work .flex-container{flex-direction:column}.work #right{flex-direction:column-reverse;text-align:left}.work .flex-container .flex-child{margin-left:0;margin-right:0;width:80vw}.work .flex-container .flex-child ul{text-align:justify}.work .flex-container .flex-child .image{max-width:80vw}}.projects{align-items:center;background-color:#fff1e4;color:#502e7e;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.projects h1{font-size:60px;height:auto;margin-bottom:10px;margin-top:40px;text-align:center}.projectList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:auto}.projectItem{align-items:center;background-color:#502e7e;border:5px solid #fff1e4;border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);color:#fff1e4;display:flex;flex-direction:column;height:300px;justify-content:space-between;margin:40px;text-align:center;width:400px}.projectItem:hover{background-color:#a157e7;box-shadow:0 3px 15px rgba(0,0,0,.5);cursor:pointer;transition:.3s ease-in}.projectItem:not(:hover){background-color:#502e7e;box-shadow:0 3px 15px rgba(0,0,0,.2);transition:.3s ease-in}.projectItem .image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-left:5px solid #fff1e4;border-right:5px solid #fff1e4;border-top-left-radius:15px;border-top-right-radius:15px;max-height:300px;width:400px}.projectItem .projectTitle{align-items:center;display:flex;font-size:25px;font-weight:700;height:65px;justify-content:center;margin-bottom:5px;margin-top:5px;text-align:center;width:400px}@media only screen and (max-width:1400px){.projectList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:960px){.projectList{grid-template-columns:1fr}.projects h1{font-size:36px;margin-top:20px}.projectList{width:100%}.projectItem{height:250px;margin:15px;width:300px}.projectItem .image{width:300px}.projectItem .projectTitle{font-size:20px;width:300px}}nav{background-color:#502e7e;box-shadow:0 10px 20px rgba(23,9,26,.1);justify-content:space-between;left:0;padding:20px 60px;position:fixed;top:0;width:100%}#navbar,nav{align-items:center;display:flex}#navbar{justify-content:center}nav svg{color:#fff1e4;cursor:pointer}#navbar li{list-style:none;padding:0 20px;position:relative}#navbar li a{color:#fff1e4;font-size:24px;font-weight:500;text-decoration:none;transition:all .3s ease}#navbar li a:hover{color:#a157e7;cursor:pointer}#navbar li a:hover:after{background-color:#a157e7;bottom:-10px;content:"";height:2px;left:35%;position:absolute;width:30%}#mobile{display:none}#mobile i{color:#fff;cursor:pointer;font-size:30px}@media screen and (max-width:960px){#navbar{align-items:flex-start;background-color:#472770;box-shadow:0 10px 20px rgba(23,9,26,.1);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:40px 0 0 10px;position:fixed;right:-300px;top:80px;transition:all .3s ease;width:300px}#navbar.active{right:0}#navbar li{margin-bottom:25px}#mobile{cursor:pointer;display:block}}.backToMain{align-items:center;background-color:#502e7e;box-shadow:0 10px 20px rgba(23,9,26,.1);display:flex;justify-content:space-between;left:0;padding:20px 60px;position:fixed;top:0;width:100%}.backToMain p{color:#fff1e4;font-family:Orbitron;font-size:24px;font-weight:500;text-decoration:none;transition:all .3s ease}.backToMain svg{color:#fff1e4;cursor:pointer}.backToMain p:hover{color:#a157e7;cursor:pointer}:root{--custom-min-height:calc(100vh - 170px)}.projectDisplay{align-items:center;background-color:#fff1e4;color:#502e7e;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 170px);min-height:var(--custom-min-height);padding-bottom:20px;padding-top:70px;text-align:justify;width:100%}.projectDisplay h1{font-size:48px;height:auto;margin-bottom:10px;margin-top:30px;text-align:center}.projectDisplay h2{font-size:32px;height:auto}.projectDisplay h3{font-size:18px;height:auto;margin-bottom:10px;margin-top:10px}.projectDisplay .flex-container{align-items:flex-start;display:flex;flex-wrap:wrap;margin-top:10px}#MM .flex-container{align-items:center}.projectDisplay .flex-container .flex-child{align-items:center;display:block;flex:1 1;height:auto;margin-left:2vw;margin-right:2vw;margin-top:10px;width:35vw}.projectDisplay .flex-container .flex-child .image{border:5px solid #fff1e4;border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);width:35vw}.projectDisplay .flex-container #MM{align-items:center;display:flex;flex-direction:column}.projectDisplay .flex-container .flex-child .socials svg{align-items:center;color:#502e7e;flex-direction:row;font-size:60px;margin:10px 5px 5px}.projectDisplay .flex-container .flex-child .socials{align-items:center;display:flex;flex-direction:row;justify-content:center;text-align:center}.projectDisplay .flex-container .flex-child .socials svg:hover{color:#a157e7;transition:color .3s ease}.projectDisplay .flex-container .flex-child .socials svg:not(:hover){color:#502e7e;transition:color .3s ease}@media only screen and (max-width:960px){.projectDisplay{font-size:16px}.projectDisplay h1{font-size:36px;margin-bottom:5px}.projectDisplay h2{font-size:24px;height:auto}.projectDisplay h3{font-size:16px;height:auto}.projectDisplay .flex-container{flex-direction:column;margin-top:0}.projectDisplay .flex-container .flex-child{margin-right:0;width:80vw}.projectDisplay .flex-container .flex-child .image{width:80vw}.projectDisplay .flex-container #right{flex-direction:column-reverse}}
/*# sourceMappingURL=main.cb1e975f.css.map*/