#logo{margin:auto;min-width:70px;min-height:70px;object-fit:cover;padding:3px}nav{top:0;width:100%;display:flex!important;justify-content:space-around;align-items:center;min-height:5vh;font-family:"Fira Sans",sans-serif}#header{display:flex;justify-content:space-between;color:#f1edee;text-transform:uppercase;letter-spacing:4px}.nav-links{display:flex;width:70%;justify-content:space-around}.nav-links a{text-decoration:none;color:#f1edee;font-size:14px}.nav-links li{list-style:none;font-weight:700}a:before{content:"";display:block;height:5px;background-color:#303542;width:0;transition:all .25s ease-in-out}a:hover:before{width:100%}.mobile div{width:25px;height:2px;background-color:#f1edee;margin:5px}.mobile{display:none}@media screen and (max-width:760px){body{margin:0!important;padding:0!important;overflow-x:hidden!important}nav{display:flex!important;justify-content:flex-end!important;padding-right:10px!important}.nav-links{position:absolute;display:none;height:100%;top:7.9vh;opacity:.8;color:#f1edee;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:30%;transition:opacity 3s,-webkit-transform .5s;transition:transform .5s,opacity 3s;transition:transform .5s,opacity 3s,-webkit-transform .5s}.nav-links.nav-active li{opacity:0}.nav-links.nav-deactivate li{opacity:1}.mobile{display:block;cursor:pointer}.nav-active{-webkit-transform:translateX(0);transform:translateX(0)}.nav-deactivate{display:none}}@-webkit-keyframes navLinkFadeIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navLinkFadeIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes navLinkFadeOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes navLinkFadeOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}}#AboutMe{position:relative;min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;background-color:#7b9ea8}#leftImage{width:30vw;height:500px;padding-left:30px}.aboutMeImage{width:28vw;height:100%;transition:1s;border:5px solid #6495ed;border-radius:5px;object-fit:cover}.aboutMeImage:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#rightText{padding-top:30px;padding-left:20px;padding-bottom:20px;width:70vw}p{font-size:30px;line-height:1.5}#resumeButton{padding:8px 20px;font-size:25px;background-color:#86878d;border:none;font-weight:700;border-radius:10px;outline:none;cursor:pointer;color:#e2efff}#rightText button:hover{background:#c2c9ec;box-shadow:0 10px 20px rgba(0,0,0,.25);-webkit-transform:translateY(-3px);transform:translateY(-3px)}#desciption{padding-bottom:10px}.waves{left:0;bottom:0;position:absolute}#timlineText{font-size:20px;color:#aac9f0;padding-right:10px}.timelineSection{min-width:50%;height:50px;display:flex;align-items:center}.specialButton{display:flex;justify-content:center;align-items:center;width:90px;height:40px;color:#000;border:3px solid #000;text-decoration:none;border-radius:4px}@media (max-width:1000px){#leftImage{width:0!important;height:0!important;display:none!important}#rightText{width:90%!important}#AboutMe{justify-content:center}}@media (max-width:860px){.aboutMeImage,.waves{display:none!important}}.langugage{height:70px;width:100vw;display:flex;flex-wrap:wrap;align-items:center}.Logo{width:80px;height:80px;padding-left:15px}.frameworks{height:70px;width:100vw;display:flex;align-items:center}.Skills{padding-bottom:100px}@media (max-width:1200px){.Skills{display:none}}*{margin:0;padding:0}.container{display:flex;width:80%;height:80%;justify-content:center;align-items:center;background-color:#16384c;flex-wrap:wrap;padding:20px;border-radius:5px}.description,.Portfolio{display:flex;flex-direction:column;align-items:center}.Portfolio{background-color:#f8f8ff;justify-content:center;padding:30px}p{align-self:flex-start}.Portfolio button:hover{background:#c2c9ec;box-shadow:0 10px 20px rgba(0,0,0,.25);-webkit-transform:translateY(-3px);transform:translateY(-3px)}#seeMore{margin-top:20px;padding:8px 20px;font-size:25px;background-color:#878eaf;border:none;font-weight:700;border-radius:10px;outline:none;cursor:pointer}a{text-decoration:none}.container .card{position:relative;width:300px;height:400px;background-color:#f5f5f5;margin:30px 10px;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:.3s ease-in-out}.container .card:hover{height:420px}.container .card .img{position:relative;width:200px;height:200px;top:-40px;left:10px;z-index:1;box-shadow:0 5px 20px rgba(0,0,0,.2)}.container .card .img img{max-width:100%;border-radius:4px}.container .card .content{position:relative;margin-top:-140px;padding:10px 15px;color:#111;visibility:hidden;opacity:0;transition:.3s ease-in-out}.container .card:hover .content{visibility:visible;opacity:1;margin-top:-40px}#imgsInContact{width:60px;height:60px;align-self:flex-start}.ContactMe{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#16384c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.ContactMe:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background-color:#9999b9}.box{position:relative;min-width:90%;min-height:550px;display:flex;z-index:1000}.contactInfo{position:absolute;top:40px;width:20%;height:calc(100% - 80px);background-color:#16384c;z-index:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 20px rgba(0,0,0,.5)}.ContactMe .box .contactInfo h2{color:#000;font-size:24px;font-weight:500}.ContactMe .box .contactInfo .info{position:relative;list-style:none;display:flex;margin:20px 0;cursor:pointer;align-items:flex-start}.info li{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.ContactMe .box .contactInfo .info li span:first-child{width:30px;min-width:30px}.ContactMe .box .contactInfo .info li span:first-child img{opacity:1}#testing{display:flex;flex-direction:column}.ContactMe .box .contactInfo .sci{position:relative;display:flex}.ContactMe .box .contactInfo .sci li{list-style:none}.contactForm{position:absolute;background-color:#f8f8ff;margin-left:150px;padding:70px 50px 70px 250px;width:calc(100% - 150px);height:100%;box-shadow:0 50px 50px rgba(0,0,0,.5)}.contactForm h2{color:#000;font-size:24px;font-weight:600}.formBox{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:30px}.inputBox{position:relative;margin:0 0 35px}.w47{width:47%}.w100{width:100%}.inputBox input{width:100%!important;padding:5px 0;font-size:18px;font-weight:300;color:#333;border:none;border-bottom:1px solid #777;outline:none;background-color:#f8f8ff}textarea{min-height:120px;min-width:100%;resize:none;background-color:#f8f8ff}.inputBox span{position:absolute;left:0;padding:5px 0;font-size:18px;font-weight:300;color:#333;transition:.5s;pointer-events:none}.inputBox input:focus~span,.inputBox input:valid~span,.inputBox textarea:focus~span,.inputBox textarea:valid~span{-webkit-transform:translateY(-20px);transform:translateY(-20px);font-size:12px;font-weight:400;letter-spacing:1px}.inputBox input[type=submit]{position:relative;cursor:pointer;background:#16384c;color:azure;border:none;max-width:150px;padding:12px}.inputBox input[type=submit]:hover{color:#6495ed}#mobile{display:flex;display:none}@media (max-width:1100px){.contactInfo{display:none!important;width:0!important;height:0!important}.box{height:100%!important;display:flex!important;justify-content:center!important}.box,.contactForm{width:90%!important;margin:0!important}.contactForm{padding:20px!important}}*{box-sizing:border-box}Canvas{display:flex;width:100vw;height:100vh;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#fff;position:relative}span.header{color:#fff;font-family:"Playfair Display",serif;position:absolute;display:inline-block;width:500px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);left:2em;font-size:8em;line-height:1em}.navbar{position:absolute;top:2vh;width:100vw}@media (max-width:1000px){span.header{position:absolute!important;top:50vh!important;padding-left:3vw;left:-.005px!important}.ThreeHeader{width:100vw;height:100vh;background-color:#7b9ea8;display:flex;justify-content:center;align-items:center}}@media (max-width:500px){span.header{width:100vw;position:absolute!important;top:50vh!important;padding:3vw;left:-.005px!important;font-size:5em!important}}.everything{overflow-x:hidden!important}:root{--display:none}.school{display:flex;justify-content:space-between;padding-bottom:80px}.leftSide{width:30%}.rightSide{width:70%;margin-left:20px}#pin{margin-top:3px;width:30px;height:30px}#pin:hover{-webkit-animation:shake .1s ease-in-out infinite alternate;animation:shake .1s ease-in-out infinite alternate}@-webkit-keyframes shake{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes shake{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.location{justify-content:flex-start}#Timeline,.location{display:flex;align-items:center}#Timeline{background-color:#f8f8ff;width:100%;min-height:1800px;flex-direction:column;padding:100px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}Timeline:after{height:5px;background-color:#000}.event-container{height:1000px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.Timeline h3{font-size:20px}
/*# sourceMappingURL=main.f3324abd.chunk.css.map */