.contact{background-color:#15023a;display:flex}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.contact .left{justify-content:space-around;padding-top:10em}}.contact .left img{margin-left:150px;height:15%}@media(max-width:768px){.contact .left img{margin-left:0;height:20%}}.contact .left h1{margin-left:150px;font-size:70px;color:#fff}@media(max-width:768px){.contact .left h1{margin-left:0;font-size:55px}}.contact .left span{font-size:20px;margin-left:150px;color:#8179a0;text-align:center}@media(max-width:768px){.contact .left span{margin-left:0;font-size:17px}}.contact .right{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form button{transition:all .5s ease;color:#d09de7;border:3px solid #9a169e;text-transform:uppercase;text-align:center;line-height:1;font-size:17px;background-color:transparent;padding:10px;outline:none;border-radius:4px}.contact .right form button a{font-size:40px;color:inherit;text-decoration:none;font-family:"Courier New",monospace}.contact .right form button:hover{color:#001f3f;background-color:#9a169e}.contact .right form span{color:#9a169e;font-size:15px}.intro{background-color:#15023a;display:flex}@media(max-width:768px){.intro{flex-direction:column;align-items:center}}.intro .left{flex:.5 1}.intro .left .imgContainer{width:43.8em;height:calc(100vh - 70px);overflow:hidden}.intro .left .imgContainer img{width:100%}@media(max-width:768px){.intro .left .imgContainer img{margin-top:-9em;height:100%;width:85%}}.intro .right{flex:.5 1;position:relative}@media(max-width:768px){.intro .right{flex-direction:column;align-items:center}}.intro .right .wrapper{width:90%;height:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}.intro .right .wrapper a{width:20%}.intro .right .wrapper a button{width:100%}@media(max-width:768px){.intro .right .wrapper a button{width:100%}}.intro .right .wrapper h1{color:#d09de7;font-size:60px;margin:10px 0}.intro .right .wrapper h2{color:#8179a0;font-size:20px}.intro .right .wrapper h3{color:#9a169e;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;font-size:20px}.intro .right .arrow{position:absolute;bottom:10px;left:45%}.intro .right .arrow img{width:60px;-webkit-animation:arrowBlink 1.5s infinite;animation:arrowBlink 1.5s infinite}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.intro .right button{margin-top:1em;width:10%;transition:all .5s ease;color:#fff;border:3px solid #fff;text-transform:uppercase;text-align:center;line-height:1;font-size:17px;background-color:transparent;padding:10px;outline:none;border-radius:4px;cursor:pointer}.intro .right button a{font-size:40px;color:inherit;text-decoration:none;font-family:"Courier New",monospace}.intro .right button:hover{color:#9a169e;background-color:#fff}.intro .right span{color:#9a169e;font-size:15px}.navbar{width:100%;height:70px;background-color:#fff;color:#15023a;position:fixed;top:0;z-index:3;transition:all 1s ease;box-shadow:0 3px 10px #000}.navbar .wrapper{padding:.625em 1.86em;justify-content:space-between}.navbar .wrapper,.navbar .wrapper .left{display:flex;align-items:center}.navbar .wrapper .left .logo{font-size:2.5em;font-weight:700;text-decoration:none;color:inherit;margin-right:1em}@media(max-width:768px){.navbar .wrapper .left .logo{font-size:1.5em}}.navbar .wrapper .left .itemContainer{display:flex;align-items:center;margin-right:1.5em}.navbar .wrapper .left .itemContainer .icon{width:auto;height:2.8em}.navbar .wrapper .right .hamburger{width:2.4em;height:2em;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.navbar .wrapper .right .hamburger span{width:100%;height:4px;background-color:#15023a;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease}.navbar.active{background-color:#15023a;color:#fff}.navbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate();transform:rotate();-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.projects{background-color:#15023a;display:flex;align-items:center;justify-content:center;position:relative}.projects .arrow{height:50px;position:absolute;cursor:pointer}@media(max-width:768px){.projects .arrow{top:70px}}.projects .arrow.left{left:150px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.projects .arrow.right{right:150px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.projects .slider{height:21.9em;display:flex;position:absolute;left:0;transition:all 1s ease-out}.projects .slider .container{width:100vw;display:flex;align-items:center;justify-content:center}.projects .slider .container .item{width:700px;height:100%;border-left:10px solid #4d29cf;border-right:10px solid #9a169e;background-image:linear-gradient(90deg,#4d29cf,#9a169e),linear-gradient(90deg,#4d29cf,#9a169e);background-size:100% 10px;background-position:0 0,0 100%;background-repeat:no-repeat;border-radius:10px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.projects .slider .container .item{margin-left:1em;margin-right:1em}}.projects .slider .container .item .left{flex:8 1;height:100%;display:flex;align-items:center}.projects .slider .container .item .left .leftContainer{align-items:center;flex-direction:column;justify-content:space-between;margin-left:2em}.projects .slider .container .item .left .leftContainer h1{margin-bottom:1em;font-size:50px;color:#8179a0}@media(max-width:768px){.projects .slider .container .item .left .leftContainer h1{font-size:30px}}.projects .slider .container .item .left .leftContainer p{font-size:15px;color:#fff}@media(max-width:768px){.projects .slider .container .item .left .leftContainer p{font-size:13px}}.projects .slider .container .item .left .leftContainer h5{color:#d09de7;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace}.projects .slider .container .item .right{flex:4 1;height:100%;display:flex;align-items:center;justify-content:center}.projects .slider .container .item .right .imgContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.about{padding-top:9em;background-color:#15023a;display:flex}@media(max-width:768px){.about{padding-top:5em}}.about .aboutMeBox{flex:1.5 1;display:flex;flex-direction:column;align-items:center}.about .aboutMeBox h1{margin-bottom:1em;font-size:70px;color:#fff}.about .aboutMeBox h2{margin-bottom:1.5em;color:#d09de7;font-size:40px}.about .aboutMeBox .insideBox{padding-top:4em;display:flex;flex-direction:row;align-items:center;height:26em;width:100%}@media(max-width:768px){.about .aboutMeBox .insideBox{padding-top:1em}}.about .aboutMeBox .insideBox .left{flex:1 1;height:100%;display:flex;flex-direction:column;align-items:center}.about .aboutMeBox .insideBox .left h3{margin-bottom:1em;font-size:17px;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;color:#9a169e}@media(max-width:768px){.about .aboutMeBox .insideBox .left h3{font-size:12px}}.about .aboutMeBox .insideBox .right{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.about .aboutMeBox .insideBox .right .skills{display:flex;flex-flow:column wrap;align-items:center;height:10em;width:50%}.about .aboutMeBox .insideBox .right .skills h3{margin-bottom:1em;font-size:17px;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;color:#9a169e}@media(max-width:768px){.about .aboutMeBox .insideBox .right .skills h3{font-size:12px}}.about .aboutMeBox .insideBox .right ul{display:flex;flex-direction:column}.about .aboutMeBox .insideBox .right ul li{overflow-x:visible;display:list-item;color:#d09de7}.about .aboutMeBox .insideBox .right ul li:before{content:"•";color:#fff;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.menu{width:18.75em;height:100vh;background-color:#15023a;position:fixed;top:0;right:-18.75em;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease;box-shadow:0 3px 10px #000}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#fff}.menu ul li{margin-bottom:1.875em}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none}.menu ul li:hover{font-style:italic}.app{height:100vh}.app .sections{width:100%;height:calc(100vh - 70px);background-color:#ffa07a;position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}
/*# sourceMappingURL=main.5fe7561e.chunk.css.map */