.topbar{width:100%;height:70px;background-color:#f5f5f5;color:#000;position:fixed;top:0;z-index:3;scrollbar-width:none;transition:all 1s ease}.topbar::-webkit-scrollbar{display:none}.topbar .wrapper{padding:10px 30px;justify-content:space-between}.topbar .wrapper,.topbar .wrapper .left{display:flex;align-items:center}.topbar .wrapper .left .logo{font-size:35px;font-weight:700;text-decoration:none;color:inherit;margin-right:40px}.topbar .wrapper .left .itemContainer{display:flex;align-items:center;margin-left:30px}@media(max-width:425px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:20px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:900}.topbar .wrapper .right .hamburger{width:32px;height:26px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;scrollbar-width:none}.topbar .wrapper .right .hamburger::-webkit-scrollbar{display:none}.topbar .wrapper .right .hamburger span{width:100%;height:3px;background-color:#000;-webkit-transform-origin:top left;transform-origin:top left;transition:all 1s ease}.topbar.active{background-color:#95bac2;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.intro{background-color:#000;display:flex}@media(max-width:768px){.intro{flex-direction:column;align-items:center}}@media(max-width:425px){.intro{flex-direction:column;align-items:center}}.intro .left{flex:.5 1;overflow:hidden}.intro .left .imageContainer{width:800px;height:800px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;float:right}@media(max-width:768px){.intro .left .imageContainer{width:500px;height:500px}}@media(max-width:425px){.intro .left .imageContainer{margin-top:5px;width:600px;height:600px}}.intro .left .imageContainer img{width:80%}@media(max-width:768px){.intro .left .imageContainer img{height:100%;width:90%;margin-left:10px}}@media(max-width:425px){.intro .left .imageContainer img{height:80%;width:90%}}.intro .right{flex:.5 1;position:relative;scrollbar-width:none}.intro .right::-webkit-scrollbar{display:none}.intro .right .wrapper{height:100%;width:100%;padding-left:50px;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.intro .right .wrapper{padding-left:0;align-items:center}}.intro .right .wrapper h1{font-size:60px;margin:10px 0;color:#f5f5f5}.intro .right .wrapper h2{font-size:35px;color:#f5f5f5}.intro .right .wrapper h3{font-size:30px;color:#f5f5f5}.intro .right .wrapper span{font-size:inherit;font-weight:900;color:#02d61b}.intro .right .wrapper .ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right a{width:50%;position:absolute;bottom:10px;left:20%;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite}@media(max-width:768px){.intro .right a{left:25%}}.intro .right a img{width:10%}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolioList{font-size:20px;margin-right:50px;padding:7px;border-radius:10px;cursor:pointer;scrollbar-width:none}.portfolioList::-webkit-scrollbar{display:none}@media(max-width:425px){.portfolioList{margin-right:20}}.portfolioList.active{background-color:#02d61b;color:#fff}.portfolio{background-color:#000;display:flex;flex-direction:column;align-items:center}.portfolio h1{font-size:45px;color:#f5f5f5;height:100px;scrollbar-width:none}.portfolio h1::-webkit-scrollbar{display:none}@media(max-width:425px){.portfolio h1{font-size:35px}}.portfolio ul{height:60px;margin:30px 30px 30px 90px;padding:0;list-style:none;display:flex;color:#f5f5f5}@media(max-width:425px){.portfolio ul{margin-left:80px;flex-wrap:wrap;justify-content:center}}.portfolio .container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;scrollbar-width:none}.portfolio .container::-webkit-scrollbar{display:none}@media(max-width:425px){.portfolio .container{width:100%}}.portfolio .container .itemContainer{height:90%;width:100%;border-radius:10px;margin-top:20px;display:flex;flex-direction:row;align-items:center;overflow:hidden}.portfolio .container .itemContainer:hover{background-color:#353535}@media(max-width:425px){.portfolio .container .itemContainer{height:60%;display:flex;flex-direction:column;margin-top:10px}}.portfolio .container .itemLeft{flex:4 1;margin-left:50px;overflow:hidden;display:flex;flex-direction:column}@media(max-width:425px){.portfolio .container .itemLeft{display:flex;flex:1 1;flex-direction:column;align-items:center;margin-left:0}}.portfolio .container .itemLeft h1{font-size:40px;height:100%;color:#f5f5f5}@media(max-width:425px){.portfolio .container .itemLeft h1{font-size:35px;margin-left:5px;overflow:visible}}.portfolio .container .itemLeft h3{margin-top:20px;color:#f5f5f5;font-size:20px}@media(max-width:425px){.portfolio .container .itemLeft h3{display:none}}.portfolio .container .itemLeft a{margin-top:50px;font-size:18px;font-weight:700;cursor:pointer;color:#f5f5f5;text-decoration:underline;margin-bottom:20px}.portfolio .container .itemLeft a::-webkit-scrollbar{display:none}@media(max-width:425px){.portfolio .container .itemLeft a{height:100%;font-size:14px}}.portfolio .container .itemLeft a:hover{margin-left:30px;color:#02d61b;-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:425px){.portfolio .container .itemLeft a:hover{margin-left:0;-webkit-transform:scale(1.1);transform:scale(1.1)}}.portfolio .container .itemRight{flex:8 1;border-radius:20px;margin:10px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f5f5f5;position:relative;transition:all .5s ease;overflow:hidden}@media(max-width:425px){.portfolio .container .itemRight{justify-content:flex-start;flex:1 1;width:100%;height:100%}}.portfolio .container .itemRight img{width:70%;object-fit:cover;border-radius:20px}.skills{background-color:#000;display:flex;align-items:center;justify-content:center;flex-direction:column}.skills h1{color:#f5f5f5;font-size:50px;overflow:hidden}@media(max-width:425px){.skills h1{font-size:35px}}@media(max-width:768px){.skills h1{font-size:40px}}.skills .container{width:100%;height:80%;display:flex;align-items:center;justify-content:center}@media(max-width:425px){.skills .container{flex-direction:column;height:95%}}.skills .container .card{width:250px;height:70%;border-radius:10px;box-shadow:0 0 20px 3px grey;display:flex;flex-direction:column;justify-content:space-around;padding:20px;cursor:pointer;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;background-color:hsla(0,0%,96.1%,.692)}@media(max-width:425px){.skills .container .card{height:30%;margin:10px 0;box-shadow:0 0 20px 3px grey;border:none}}@media(max-width:768px){.skills .container .card{height:40%;margin:10px}}.skills .container .card.featured{width:300px;height:75%;margin:0 30px}@media(max-width:425px){.skills .container .card.featured{width:250px;height:70%;margin:2px}}@media(max-width:768px){.skills .container .card.featured{height:70%}}.skills .container .card:hover{border:5px solid #02d61b;-webkit-transform:scale(1.1);transform:scale(1.1)}.skills .container .card .top{display:flex;align-items:center;justify-content:center;overflow:hidden}.skills .container .card .top img.user{height:80px;width:80px;border-radius:50%;object-fit:cover;margin:0 30px}@media(max-width:425px){.skills .container .card .top img.user{width:40px;height:40px}}@media(max-width:768px){.skills .container .card .top img.user{width:50px;height:50px}}.skills .container .card .center{padding:10px;border-radius:10px;background-color:#f5e7ea;overflow:hidden}.skills .container .card .center h4{font-size:12px}@media(max-width:425px){.skills .container .card .center h4{font-size:5px}}@media(max-width:425px){.skills .container .card .center{background-color:transparent}}.skills .container .card .bottom{display:flex;align-items:center;justify-content:center;flex-direction:column}.skills .container .card .bottom h3{margin-bottom:5px;overflow:hidden}@media(max-width:425px){.skills .container .card .bottom h3{display:none}}.education{background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;scrollbar-width:none}.education::-webkit-scrollbar{display:none}.education .backgroundImage{position:absolute;opacity:.5;height:100%;width:100%;z-index:0}@media(max-width:425px){.education .backgroundImage{display:none}}.education h1{font-size:50px;color:#f5f5f5;overflow:hidden;position:absolute;margin-bottom:600px}@media(max-width:425px){.education h1{display:none}}@media(max-width:768px){.education h1{margin-top:50px}}.education .arrow{height:50px;position:absolute;cursor:pointer}@media(max-width:768px){.education .arrow{height:30px;position:relative;margin-top:550px}}@media(max-width:425px){.education .arrow{display:none}}.education .arrow:hover{height:60px}@media(max-width:768px){.education .arrow:hover{height:30px}}.education .arrow.left{left:80px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media(max-width:768px){.education .arrow.left{margin-right:30px;left:10px}}.education .arrow.right{right:80px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media(max-width:768px){.education .arrow.right{margin-left:30px;right:10px}}.education .slider{height:400px;display:flex;position:absolute;left:0;padding:5px}@media(max-width:425px){.education .slider{margin-top:30px;height:100vh;flex-direction:column;justify-content:center}}.education .slider .container{width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.education .slider .container .item{width:700px;height:100%;background-color:#f5f5f5;border-radius:20px;display:flex;align-items:center;justify-content:center}@media(max-width:425px){.education .slider .container .item{width:80%;height:150px;margin:15px 0;background-color:#f5e7ea}}.education .slider .container .item .left{flex:6 1;height:95%;display:flex;align-items:center;justify-content:center}@media(max-width:425px){.education .slider .container .item .left{overflow:hidden}}.education .slider .container .item .left .leftContainer{width:100%;height:70%;display:flex;flex-direction:column;padding:10px}@media(max-width:425px){.education .slider .container .item .left .leftContainer{width:100%;height:100%;margin-top:10px;padding:5px;justify-content:space-around}}.education .slider .container .item .left .leftContainer .year{overflow:hidden}.education .slider .container .item .left .leftContainer .year h2{color:#000;font-size:20px;font-weight:900}@media(max-width:425px){.education .slider .container .item .left .leftContainer .year h2{font-size:15px}}.education .slider .container .item .left .leftContainer .imgContainer{width:40px;height:40px;border-radius:50%;background-color:#f5b39b;display:flex;align-items:center;justify-content:center}@media(max-width:425px){.education .slider .container .item .left .leftContainer .imgContainer{width:20px;height:20px}}.education .slider .container .item .left .leftContainer .imgContainer img{width:25px}@media(max-width:425px){.education .slider .container .item .left .leftContainer .imgContainer img{width:15px}}.education .slider .container .item .left .leftContainer h2{font-size:20px;overflow:hidden}@media(max-width:425px){.education .slider .container .item .left .leftContainer h2{font-size:13px}}.education .slider .container .item .left .leftContainer h3{font-size:18px;color:#a9a9a9;margin-bottom:10px;overflow:hidden}@media(max-width:425px){.education .slider .container .item .left .leftContainer h3{font-size:13px;color:#818181}}.education .slider .container .item .left .leftContainer p{font-size:15px;margin-bottom:5px;overflow:hidden}@media(max-width:425px){.education .slider .container .item .left .leftContainer p{display:none}}.education .slider .container .item .left .leftContainer span{font-size:12px;font-weight:900;text-decoration:underline;cursor:pointer}.education .slider .container .item .right{flex:6 1;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.education .slider .container .item .right img{width:300px}@media(max-width:425px){.education .slider .container .item .right img{width:150px}}.contact{background-color:#000;display:flex}@media(max-width:425px){.contact{flex-direction:column}}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{display:flex;flex-direction:row;flex:6 1;width:90%;overflow:hidden}@media(max-width:768px){.contact .left{align-items:center;justify-content:center;flex:2 1}}.contact .left img{height:100%}@media(max-width:768px){.contact .left img{display:none}}.contact .left .leftRight{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:30px}@media(max-width:768px){.contact .left .leftRight h1,.contact .left .leftRight h1 span{font-size:25px}}@media(max-width:768px){.contact .left .leftRight h3{font-size:15px}}@media(max-width:768px){.contact .left .leftRight h2{font-size:20px}}.contact .right{flex:6 1;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.contact .right{flex:10 1}}.contact .right div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px}@media(max-width:768px){.contact .right div{padding:0;margin-bottom:5px}}.contact .right div label{font-size:15px;color:#f5f5f5;overflow:hidden}@media(max-width:768px){.contact .right div label{font-size:13px;height:25px}}.contact .right h2{font-size:30px;color:#f5f5f5}@media(max-width:768px){.contact .right h2{font-size:25px}}.contact .right form{width:70%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .right form input{width:350px;height:30px;font-size:14px;border-radius:10px;border:none;color:#f5f5f5;box-shadow:0 0 15px -5px #000;margin-top:5px;background-color:#464646}.contact .right form input::-webkit-input-placeholder{color:hsla(0,0%,96.1%,.411)}.contact .right form input:-ms-input-placeholder{color:hsla(0,0%,96.1%,.411)}.contact .right form input::placeholder{color:hsla(0,0%,96.1%,.411)}@media(max-width:425px){.contact .right form input{width:200px;height:20px}}@media(max-width:768px){.contact .right form input{margin-bottom:5px}}.contact .right form textarea{width:350px;height:200px;font-size:14px;border-radius:10px;border:none;box-shadow:0 0 15px -5px #000;margin-top:5px;background-color:#464646}.contact .right form textarea::-webkit-input-placeholder{color:hsla(0,0%,96.1%,.411)}.contact .right form textarea:-ms-input-placeholder{color:hsla(0,0%,96.1%,.411)}.contact .right form textarea::placeholder{color:hsla(0,0%,96.1%,.411)}@media(max-width:425px){.contact .right form textarea{width:200px;height:100px}}.contact .right form button{width:150px;height:40px;color:#fff;background-color:#02d61b;border:none;border-radius:10px;font-weight:900;cursor:pointer;margin-top:50px}@media(max-width:768px){.contact .right form button{margin-top:10px}}.contact .right form span{color:green}.menue{width:300px;height:100vh;background-color:#95bac2;position:fixed;top:0;right:-300px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.menue.active{right:0}.menue ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:700;color:#fff;width:60%}.menue ul li{margin-bottom:40px}.menue ul li a{text-decoration:none;color:inherit;font-size:inherit}.menue ul li:hover{border-bottom:2px solid #fff;font-weight:900}.charity{height:100vh}.charity .section{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.charity .section::-webkit-scrollbar{display:none}.charity .section>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.pageContainer{flex-direction:column;background-color:#000}.pageContainer,.pageContainer .upPage{display:flex;justify-content:center;align-items:center}.pageContainer .upPage{flex:6 1;width:90%;flex-direction:column}.pageContainer .upPage .textContainer{background-color:#fff;width:80%;height:50%;border-radius:20px;padding:20px;box-shadow:0 0 20px 3px grey}.pageContainer .downPage{flex:6 1;display:flex;justify-content:center;align-items:center;margin-bottom:50px;overflow:hidden;border-radius:20px}.pageContainer .downPage .img{width:auto;max-width:100%;object-fit:cover}.charity{background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;scrollbar-width:none}.charity::-webkit-scrollbar{display:none}.charity .arrow{height:50px;position:absolute;cursor:pointer}@media(max-width:768px){.charity .arrow{height:30px;position:relative;margin-top:550px}}@media(max-width:425px){.charity .arrow{display:none}}.charity .arrow:hover{height:60px}@media(max-width:768px){.charity .arrow:hover{height:30px}}.charity .arrow.left{left:750px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media(max-width:768px){.charity .arrow.left{margin-right:30px;left:10px}}.charity .arrow.right{right:85px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media(max-width:768px){.charity .arrow.right{margin-left:30px;right:10px}}.charity .slider{height:90%;display:flex;position:absolute;left:0;padding:5px}@media(max-width:425px){.charity .slider{margin-top:30px;height:100vh;flex-direction:column;justify-content:center}}.charity .slider .container{width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.charity .slider .container .itemLeft{flex:6 1}.charity .slider .container .itemLeft .leftPage{display:flex;align-items:center;justify-content:center;width:80%;margin-left:50px;padding:30px;flex-direction:column}.charity .slider .container .itemLeft .leftPage .pageTitle{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.charity .slider .container .itemLeft .leftPage .textContent{display:flex;align-items:center;justify-content:center}.charity .slider .container .itemLeft .leftPage .textContent .textContainer{background-color:#fff;width:90%;height:50%;border-radius:20px;padding:30px;box-shadow:0 0 20px 3px grey}.charity .slider .container .itemLeft .leftPage .textContent .textContainer .p{font-size:15px}.charity .slider .container .item{flex:6 1;width:100px;height:95%;box-shadow:0 0 20px 3px grey;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:50px}@media(max-width:425px){.charity .slider .container .item{width:80%;height:150px;margin:15px 0;background-color:#f5e7ea}}.charity .slider .container .item .right{flex:6 1;height:100%;display:flex;justify-content:center;scrollbar-width:none;overflow-y:scroll}.charity .slider .container .item .right::-webkit-scrollbar{display:none}.charity .slider .container .item .right img{width:300px}@media(max-width:425px){.charity .slider .container .item .right img{width:150px}}.implementationPage{background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;scrollbar-width:none}.implementationPage::-webkit-scrollbar{display:none}.implementationPage h1{font-size:50px;color:#f5f5f5;overflow:hidden;position:absolute;margin-bottom:600px}@media(max-width:425px){.implementationPage h1{display:none}}@media(max-width:768px){.implementationPage h1{margin-top:50px}}.implementationPage .arrow{height:50px;position:absolute;cursor:pointer}@media(max-width:768px){.implementationPage .arrow{height:30px;position:relative;margin-top:550px}}@media(max-width:425px){.implementationPage .arrow{display:none}}.implementationPage .arrow:hover{height:60px}@media(max-width:768px){.implementationPage .arrow:hover{height:30px}}.implementationPage .arrow.left{left:750px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media(max-width:768px){.implementationPage .arrow.left{margin-right:30px;left:10px}}.implementationPage .arrow.right{right:85px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media(max-width:768px){.implementationPage .arrow.right{margin-left:30px;right:10px}}.implementationPage .slider{height:90%;display:flex;position:absolute;left:0;padding:5px}@media(max-width:425px){.implementationPage .slider{margin-top:30px;height:100vh;flex-direction:column;justify-content:center}}.implementationPage .slider .container{width:100vw;display:flex;align-items:center;justify-content:center}.implementationPage .slider .container .itemLeft{flex:6 1}.implementationPage .slider .container .itemLeft .leftPage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;margin-left:50px;padding:30px}.implementationPage .slider .container .itemLeft .leftPage .textContainer{background-color:#fff;width:90%;height:50%;border-radius:20px;padding:30px;box-shadow:0 0 20px 3px grey}.implementationPage .slider .container .itemLeft .leftPage .textContainer .p{font-size:15px}.implementationPage .slider .container .item{flex:6 1;width:100px;height:95%;box-shadow:0 0 20px 3px grey;border-radius:10px;display:flex;justify-content:center;margin-right:50px}@media(max-width:425px){.implementationPage .slider .container .item{width:80%;height:150px;margin:15px 0;background-color:#f5e7ea}}.implementationPage .slider .container .item .right{height:100%;display:flex}.implementationPage .slider .container .item .right img{width:300px}@media(max-width:425px){.implementationPage .slider .container .item .right img{width:150px}}.app{height:100vh}.sections{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.sections::-webkit-scrollbar{display:none}.sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.covidWeb{height:100vh}.covidWeb .section{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.covidWeb .section::-webkit-scrollbar{display:none}.covidWeb .section>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.fridgeWebPage{height:100vh}.fridgeWebPage .section{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.fridgeWebPage .section::-webkit-scrollbar{display:none}.fridgeWebPage .section>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.fridgeMobilePage{height:100vh}.fridgeMobilePage .section{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.fridgeMobilePage .section::-webkit-scrollbar{display:none}.fridgeMobilePage .section>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}
/*# sourceMappingURL=main.28ff3884.chunk.css.map */