@import"https://fonts.googleapis.com/css2?family=Cossette+Titre:wght@400;700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Oswald:wght@200..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";a{color:#646cff;text-decoration:none;letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-weight:400}html{scroll-behavior:smooth}p{padding-left:5px;padding-right:5px}a:hover{color:#535bf2}body{padding:3px;margin:0;height:200vh;overflow:scroll}.is-active{overflow:hidden}.DivNavHide{animation-name:HideDiv;animation-duration:.4s;animation-iteration-count:1;animation-fill-mode:forwards}.liLinks{transition:all .2s ease}.links{font-size:35px}.DivNavShow{animation-name:ShowDiv;animation-duration:.4s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes ShowDiv{0%{height:0}to{height:100vh}}@keyframes HideDiv{0%{height:100vh}to{height:0}}.HamburgerBtn{display:none}.DivNav{position:absolute;width:100%;overflow:hidden}.MenuNav{display:none;position:absolute}@media (max-width: 639px){.HideAllTime{display:none}.HamburgerBtn{display:flex;position:absolute;top:2.5vh;right:7vw;Z-index:999}.nav{display:flex;flex-direction:column;gap:7vh;text-align:center;position:relative;top:20vh;list-style:none}.links{padding:0;position:relative;left:-14px}.DivNav{background-color:#e0e0e0;height:100vh;top:0;z-index:500}.MenuNav{display:flex;position:absolute;top:-17vh;font-size:50px;color:#b5b8ff;letter-spacing:6px;left:50%;transform:translate(-50%)}}.liLinks:hover{transform:scale(1.2)}@media (min-width: 640px){.nav{display:flex;gap:50px;list-style:none}.MenuNav{box-shadow:0 1px 6px #0000003b}.DivNav{border:1px solid #b5b8ff;position:absolute;transform:translate(-50%,50%);border-radius:50px;left:50%;width:600px}.links{font-size:22px}}.img{width:200px;height:200px;border-radius:50%;position:absolute;left:50%;top:18vh;transform:translate(-50%);transition:filter .3s ease,transform .3s ease;z-index:0;animation-fill-mode:none;animation-name:zomein;animation-duration:.5s;animation-iteration-count:1}@keyframes zomein{0%{transform:translate(-50%) scale(0);filter:grayscale(70%)}to{transform:translate(-50%) scale(1);filter:grayscale(0%)}}.img:hover{transform:scale(1.2) translate(-40%)}.Hi{font-size:47px;font-family:Bebas Neue,sans-serif;font-weight:400;padding-left:3px;margin-top:200px}.MyName{color:#535bf2;margin-left:3px}.Text{width:100%;text-align:center}.info{font-size:15px;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;opacity:.7;line-height:1.1;max-width:700px;text-align:center;display:block}.container{width:600px}.pages{display:flex;width:300px;position:absolute;top:80vh;left:50%;transform:translate(-50%);flex-direction:row;justify-content:space-evenly}.pageSingle{width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.2);justify-content:center;display:flex;align-items:center;position:relative}@media (min-height: 850px){.img{width:250px;height:250px}}@media (max-height: 728px){.pageSingle{top:30px}}.pageSingle:hover{transform:scale(1.2);transition:transform .2s;cursor:pointer;background-color:#ececec}@media (max-width: 639px){.img{filter:grayscale(0%)}}@media (max-height: 575px){.img{width:170px;height:170px}}@media (max-width: 379px){.Hi{font-size:37px}}.logo{width:30px;transform:translateY(10%)}#aboutme{background-color:#f5f9ff;padding:30px;height:800px;display:flex;flex-direction:column;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:400;align-items:center;min-height:64vh;overflow:visible}.divIcons{width:100%;margin-top:40px;display:flex;justify-content:center}.Icons{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;align-items:center;justify-content:center;transform:none}@media (min-width: 950px){.Icons{gap:80px}#Aboutme{height:700px}}@media (min-width: 1240px){#Aboutme{height:600px}}@media (max-width: 950px){#Aboutme{height:550px}}@media (max-width: 759px){#Aboutme{height:640px}}@media (max-width: 445px){#Aboutme{height:820px}}.screen{top:3vh}.screenAnimation{animation-name:showScreen;animation-duration:.7S;animation-iteration-count:1;position:relative}@keyframes showScreen{0%{top:6vh;opacity:0}to{top:3vh;opacity:1}}.Hiden{opacity:0}.AboutMe{opacity:1;font-size:25px;position:relative}.screen{width:80vw;max-width:500px;border-radius:20px;display:inline}.line{width:70px;height:14px;position:relative;border-radius:10px;background-color:#535bf2;top:-20px}#fadein{animation-name:fadeinTitle;animation-duration:.7s;animation-iteration-count:1}@keyframes fadeinTitle{0%{opacity:0;top:50px}to{top:0;opacity:1}}#fadeinDiv{animation-name:fadeinDiv;animation-duration:.7s;animation-iteration-count:1}@keyframes fadeinDiv{0%{opacity:0;top:40px}to{top:-20px;opacity:1}}.ElementImg{position:relative;width:30px;left:50%;top:36px;margin-left:-190px}@media (max-width: 379px){.ElementImg{left:50vw}}.theText{position:relative;margin-left:10px}.AnimationElement{animation-name:ElementAnimation;animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:.7s}@keyframes ElementAnimation{0%{opacity:0;left:-5vw}to{opacity:1;left:0vw}}#iconcontainer{display:flex;flex-direction:column;position:relative;text-align:center}.icon{width:60px;position:relative;border-radius:50px;animation-name:fadein;animation-duration:.5s;animation-iteration-count:1;z-index:1;box-shadow:3px 1px 4px #535bf2}.iconContainer{width:60px;height:60px;position:relative;top:5vh;border-radius:50%;transition:transform .2s ease;text-align:center;z-index:2}.iconContainer:hover{cursor:pointer;transform:scale(1.2) translateY(-6px)}.iconContainer p{opacity:0;position:relative;z-index:999;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:900;color:#535bf2;font-style:normal}.iconContainer:hover p{opacity:1;top:-20px}.Hide{width:60px;position:relative;opacity:0}@keyframes fadein{0%{opacity:0;top:1vh}to{opacity:1;top:0vh}}#HideIcon{opacity:0}.titleText{opacity:1;font-size:25px;position:relative;width:fit-content;font-family:Figtree,sans-serif;left:50%;transform:translate(-50%)}.containerTitle{width:100%;margin:0;padding:0}.WantTo{position:relative;text-align:center;font-family:Figtree,sans-serif}.line{width:70px;height:14px;position:relative;border-radius:10px;background-color:#535bf2;top:-20px;left:50%;transform:translate(-50%)}.show{opacity:1}.Hide{opacity:0}.containerDivExper{width:100%;display:flex;justify-content:center;gap:10px}#Experience{padding-bottom:30px}.experience{width:90%;max-width:900px;margin:0 auto;padding:50px 0;font-family:Figtree,sans-serif}.experience-title{text-align:center;font-size:36px;margin-bottom:50px;color:#535bf2}.ExpItems{display:flex;align-items:center;gap:20px;position:relative}.lineExp{background-color:#535bf2;position:relative;left:calc(50% - 2.5px);margin:0;padding:0;width:4px;min-height:200px;display:flex;justify-content:center}.circle{width:16px;height:16px;background-color:#fff;border:4px solid #535bf2;border-radius:50%;position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:2}.radiusTop{border-top-left-radius:30px;border-top-right-radius:30px}.radiusBottom{border-bottom-left-radius:30px;border-bottom-right-radius:30px}@media (max-width: 530px){.lineExp{min-height:150px}}.ExpItemsDiv{width:300px;height:180px;margin-bottom:10px;background-color:#f5f9ff;display:inline-block;position:relative;border-radius:20px;top:10px;padding:0;box-shadow:1px 2px 4px #ccc}.ExpItemsDivLeft{left:-190px}.AnimationLeft{animation-name:fadeInLeft;animation-duration:1s;animation-iteration-count:1}.AnimationRight{animation-name:fadeInRight;animation-duration:1s;animation-iteration-count:1}.ExpItemsDivRight{right:-170px}@media (min-width: 531px){@keyframes fadeInLeft{0%{opacity:0;left:-200px}to{opacity:1;left:-190px}}@keyframes fadeInRight{0%{opacity:0;right:-180px}to{opacity:1;right:-170px}}}.containerExpItems{width:100%;display:flex;justify-content:center}.Exp-Date{position:relative;top:-40px;font-size:20px;color:#535bf2;font-family:Bebas Neue,sans-serif}.Exp-Title{position:relative;top:-40px;font-family:Figtree,sans-serif;padding-left:10px}.Exp-content{padding-left:10px}@media (max-width: 678px){.ExpItemsDiv{width:300px}}@media (max-width: 665px){.ExpItemsDiv{width:250px}.ExpItemsDivLeft{left:-150px}.ExpItemsDivRight{right:-130px}}@media (max-width: 530px){.ExpItemsDiv{top:40px}.Exp-content{opacity:0}.AnimationLeft .Exp-Date{left:-10vw}.AnimationRight .Exp-Date{right:-10vw;width:120px}}.show-details{position:relative;top:-30px;left:-20px;font-size:15px;color:#646cff}@media (min-width: 531px){.show-details{opacity:0}.Exp-content{position:relative;top:-60px}}@media (max-width: 530px) and (min-width: 491px){.ExpItemsDiv{width:200px;height:110px;text-align:center}.Exp-Title{top:-25px}.ExpItemsDivLeft{left:-150px}.ExpItemsDivRight{right:-130px}@keyframes fadeInRight{0%{opacity:0;right:-140px}to{opacity:1;right:-130px}}@keyframes fadeInLeft{0%{opacity:0;left:-160px}to{opacity:1;left:-150px}}}@media (max-width: 490px) and (min-width: 441px){.ExpItemsDiv{width:200px;height:100px;text-align:center}.Exp-Title{top:-25px}.ExpItemsDivLeft{left:-130px}.ExpItemsDivRight{right:-110px}@keyframes fadeInRight{0%{opacity:0;right:-100px}to{opacity:1;right:-110px}}@keyframes fadeInLeft{0%{opacity:0;left:-140px}to{opacity:1;left:-130px}}}@media (max-width: 440px) and (min-width: 391px){.ExpItemsDiv{width:180px;height:100px;text-align:center}.Exp-Title{top:-25px}.ExpItemsDivLeft{left:-115px}.ExpItemsDivRight{right:-90px}@keyframes fadeInRight{0%{opacity:0;right:-100px}to{opacity:1;right:-90px}}@keyframes fadeInLeft{0%{opacity:0;left:-105px}to{opacity:1;left:-115px}}}@media (max-width:390px){.ExpItemsDiv{width:170px;height:100px;text-align:center}.Exp-Title{top:-25px}.ExpItemsDivLeft{left:-110px}.ExpItemsDivRight{right:-85px}@keyframes fadeInRight{0%{opacity:0;right:-90px}to{opacity:1;right:-85px}}@keyframes fadeInLeft{0%{opacity:0;left:-115px}to{opacity:1;left:-110px}}}.DialogContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:10px 15px;border-radius:12px;box-shadow:0 8px 20px #00000040;width:85%;max-height:80%;overflow-y:auto;z-index:9999}.blurBackGround{width:100%;height:100%;position:fixed;left:0;top:0;z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-Dialog{width:40px;position:absolute;top:0;right:0}.data-Dialog{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.OneProject-container{width:80vw;flex-wrap:wrap;padding-bottom:20px;position:relative;left:50%;transform:translate(-50%);margin-top:120px;display:flex;justify-content:center;gap:10px}@media (max-width: 887px){.OneProject-container{gap:27px}}#Projects{width:100%;background-color:#f5f9ff;padding-top:40px;min-height:90vh}.one-project{width:350px;height:100%;padding-bottom:15px;border-radius:12px;overflow:hidden;position:relative;display:inline-block;background-color:#fff;box-shadow:3px 1px 7px #0000001a;transform:translate(0)}.one-project-image{width:350px;height:180px}.one-project-title{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;padding-left:10px}.one-project-description{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:13px;position:relative;top:-7px;padding-left:10px}.one-project-tech{display:inline;left:10px;position:relative;top:-7px;background-color:#646cff;padding:3px 7px;border-radius:12px;font-family:Figtree,sans-serif;font-size:15px;color:#fff}.one-project-tech-container{display:flex;gap:10px;flex-wrap:wrap}.one-project-tech-btn{bottom:0;margin:10px;position:absolute;background-color:transparent;border:none;cursor:pointer;color:#535bf2;font-family:Figtree,sans-serif;font-weight:700}.one-project-tech-btn:hover{color:#878eff}.one-project-tech-btn-img path{stroke:#535bf2}.one-project-tech-btn-img{position:relative;top:5px;left:4px}.one-project-tech-btn:hover .one-project-tech-btn-img path{stroke:#878eff}@media (max-width: 887px){.one-project{height:auto;padding-bottom:27px}}.one-project-animation{animation-name:one-project-animation;animation-duration:.5s;animation-iteration-count:1}@keyframes one-project-animation{0%{transform:translate(0) scale(0);filter:grayscale(70%)}to{transform:translate(0) scale(1);filter:grayscale(0%)}}#contact{padding-bottom:30px}.contact-form{width:420px;height:auto;position:relative;box-shadow:1px 3px 6px #0000003b;border-radius:15px;border:1px solid #e0e0e0;padding:30px;left:50%;transform:translate(-50%)}.contact-form h4{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;position:relative;left:50%;font-size:30px;transform:translate(-50%)}.contact-form input{width:100%;margin-bottom:10px;height:35px;border-radius:20px;border:.5px solid #838383;box-sizing:border-box;padding-left:15px}.contact-form input:focus{transition:all .2s ease;border:2px solid #878eff;box-shadow:0 0 8px #8788ff80;outline:none}.message{width:100%;resize:none;height:100px;box-sizing:border-box;border:.5px solid #838383;padding-left:15px;padding-top:10px;border-radius:20px}.contact-form p{position:relative;top:10px;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:600;color:#333;text-transform:capitalize}.message:focus{border:2px solid #878eff;box-shadow:0 0 8px #8788ff80;outline:none}.contact-form .form-name,.contact-form .form-email{width:200px}.input-row{display:flex;gap:10px;flex-wrap:wrap;width:100%}.contact-yourName{display:inline}.contact-yourEmail{display:inline;position:relative;top:10px;left:120px}.input-row{margin-top:10px}@media (max-width: 520px){.input-row{flex-direction:column;gap:50px}.contact-form{width:80vw;padding:30px}.contact-form .contact-yourEmail{position:relative;top:105px;left:-18vw}.contact-form .form-name,.contact-form .form-email{width:100%}}.contact-form .contact-send{width:180px;height:45px;border-radius:25px;background-color:#646cff;color:#fff;font-family:Figtree,sans-serif;display:flex;align-items:center;gap:20px;cursor:pointer;border:1px solid white;position:relative;font-size:16px;top:20px;transition:transform .2s ease}.contact-send:hover{transform:scale(1.05)}@media (max-width: 460px){.contact-form .contact-yourEmail{position:relative;top:105px;left:-20vw}}@media (max-width: 420px){.contact-form .contact-yourEmail{position:relative;top:105px;left:-22vw}}@media (max-width: 400px){.contact-form .contact-yourEmail{position:relative;top:105px;left:-23vw}}.Animation-form{animation-name:Animation-form;animation-duration:.5s;animation-iteration-count:1}@keyframes Animation-form{0%{opacity:0;top:20px}to{opacity:1;top:0}}