*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#1f1f38}.contact{height:100vh;width:100vw;display:flex;overflow:hidden;flex-direction:column}.contact .wrapper{height:100%;width:58%;margin:auto;display:flex;flex-direction:column;align-items:center}.contact__container{display:grid;width:100%;grid-template-columns:38% 58%;height:87%;margin-top:20px;gap:12%}.contact__options{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.contact__option{margin-bottom:10px;background-color:#2c2c6c;border-radius:2rem;display:flex;flex-direction:column;align-items:center;width:65%;height:120px}.contact__option>a{font-size:15px;text-decoration:none;color:#fff;margin:4px 0}.contact__option>h5,h4{margin:4px 0;font-size:13px}.contact__option>a:hover{background-color:transparent}.contact__option .icon{margin-top:8px}.forms{display:flex;flex-direction:column;width:100%;gap:1.2rem}input,textarea{width:100%;padding:1.5rem;border-radius:.5rem;background:transparent;border:2px solid #4db5ff;resize:none;color:#fff}.forms>button{padding:15px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;width:30%}.forms>button:hover{background-color:#fff;color:#000}@media screen and (max-width: 1024px){.wrapper{width:calc(83vw - 30px)}.contact__container{display:flex;flex-direction:column;width:100%;height:100%;margin-top:20px;gap:3%}.contact__options{width:100%;height:20%;display:flex;flex-direction:row;align-items:center;gap:1.2rem}.contact__option{margin-bottom:10px;background-color:#2c2c6c;border-radius:2rem;display:flex;align-items:center;width:50%}.contact__options article:nth-child(3){display:none}.forms{gap:.5rem}input,textarea{width:100%;padding:1rem;border-radius:.5rem}}@media screen and (max-width: 600px){.wrapper{width:calc(74vw - 30px);margin-top:400px}.contact__options{width:100%;height:30%;display:flex;flex-direction:column;gap:.2rem}.contact__option{width:100%}.forms{gap:.4rem;display:flex;align-items:center;margin-top:30px}input,textarea{width:100%;padding:.6rem;border-radius:.5rem}.forms>button{padding:8px;width:60%;margin-top:7px}}.fotter{background-color:#2c2c6c;padding:3rem 0;text-align:center;font-size:.9rem;margin-top:4rem}.fotterLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto 2rem}.fotterLinks li{font-size:20px;font-weight:500;color:#fff;cursor:pointer}.fotter__socials{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem}.fotter__Logo{font-size:2rem;font-weight:500;margin-bottom:block;color:#fff;cursor:pointer}.fotter>a{text-decoration:none;font-size:30px}.fotter ul{list-style-type:none}.fotter__Logo .image{width:300px;height:100px}.atags{text-decoration:none;color:#fff;font-size:30px}@media screen and (max-width: 600px){.fotterLinks{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:.4rem;margin:0 auto 1rem}}.about{height:100vh;width:100vw;display:flex;background-color:#1f1f38;overflow:hidden}.about .wrapper{height:100%;display:flex;flex-direction:column;align-items:center;margin-top:40px}.about.wrapper h2{letter-spacing:0px}.container.about__container{height:87%;margin-top:20px}.about__container{display:grid;grid-template-columns:35% 58%}.about__me{width:95%;border-radius:2rem;background:linear-gradient(45deg,transparent,white,transparent);display:grid;place-items:center;margin-bottom:5rem;margin-right:20rem}.about__me_image{border-radius:4px;overflow:hidden;transform:rotate(10deg)}.about .about__me_image>img{width:350px;height:420px;border-radius:5rem;object-fit:cover}.about__contant{display:flex;flex-direction:column;margin-left:100px}.about__cards{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:2rem}.about__card{width:50%;height:130px;display:flex;gap:15px;flex-direction:column;align-items:center;justify-content:center;background-color:#2c2c6c;border-radius:2rem}.about__contant>a{margin-top:.5rem;padding:3px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;text-decoration:none;width:fit-content}.about__contant>a:hover{background-color:#fff;color:#000}@media screen and (max-width: 1024px){.sidebar-open .wrapper{width:calc(83vw - 30px)}.about{height:100vh;width:100vw}.about__cards{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:2rem}.about__card{display:none}.about__me{width:100%;border-radius:2rem;margin-bottom:5rem;margin-right:20rem;height:80%}.about .about__me_image>img{width:220px;height:420px;border-radius:5rem;object-fit:cover}.hero h2{font-size:20px;letter-spacing:10px;color:#b7b7d3}h1{font-size:40px;font-weight:500}}@media screen and (max-width: 800px){.about{height:115vh}.about .wrapper{width:calc(83vw - 30px)}.about__container{display:flex;flex-direction:column}.about__me{width:60%;border-radius:2rem;margin-bottom:2.3rem;margin-right:20rem;height:60%;margin-left:145px}.about__me_image{transform:rotate(5deg)}.about .about__me_image>img{width:500px;height:590px;border-radius:5rem;object-fit:cover}p{font-size:16px;margin-bottom:1.4rem}.about__contant{width:70%;display:flex;flex-direction:column;margin-left:50px}.about__contant>a{margin-top:-1rem;padding:2px;font-size:25px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;text-decoration:none;width:fit-content}}@media screen and (max-width: 500px){.about .wrapper{width:calc(83vw - 30px)}.about__container{display:flex;flex-direction:column}.about__me{width:70%;border-radius:2rem;margin-bottom:2.3rem;margin-right:20rem;height:65%;margin-left:55px}.about__me_image{transform:rotate(5deg)}.about .about__me_image>img{width:250px;height:490px;border-radius:5rem;object-fit:cover}p{font-size:13px}.about__contant{width:70%;display:flex;flex-direction:column;margin-left:50px}.about__contant>a{margin-top:-1rem;padding:2px;font-size:25px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;text-decoration:none;width:fit-content}}.portfolio{height:100vh;width:100vw;display:flex;overflow:hidden}.portfolio .wrapper{height:100%;display:flex;width:80vw;flex-direction:column;align-items:center;margin:auto}.portfolio .wrapper .progress{width:100%;height:2rem;display:flex;flex-direction:column}.line{height:10px;width:90%;background-color:#fff;margin:auto}.portfolio .wrapper .progress h2{text-align:center;margin-bottom:.5rem}.mulpe__portfolio{height:100%;margin-top:20px}.portfolio .mulpe__portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio .image__protfolio>img{width:300px;height:250px;border-radius:1rem;object-fit:cover}.profolio__info{display:grid;grid-template-columns:60% 30%;align-items:center}.portfolio .image__protfolio{display:flex;align-items:center;justify-content:center;margin-left:20px;margin-bottom:20px;width:400px}.demo__tools{display:flex;flex-direction:row;align-items:center}.demo__tools button{padding:10px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;width:150px}.tools{display:flex;flex-direction:row}.tools .icon{margin-right:10px;height:30px;width:30px}.toos__image{height:30px;width:30px;border-radius:10px;margin-right:10px}.image__info{display:flex;flex-direction:column;align-items:flex-start;width:350px;height:150px;margin-bottom:60px;margin-left:90px}.image__info>h1{margin-bottom:10px;font-size:40px}.image__info>p{margin-bottom:30px;flex-wrap:wrap}.image__info>button{padding:10px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;width:150px}.image__info>button:hover{background-color:#fff;color:#000}@media screen and (max-width: 1024px){.wrapper{width:calc(83vw - 30px)}.portfolio .image__protfolio>img{width:450px;height:200px;border-radius:1rem;object-fit:cover}.image__info>button{padding:5px;border:1px solid white;border-radius:5px;color:#fff;background-color:transparent;cursor:pointer;font-weight:500;width:150px}.image__info>h1{margin-bottom:10px;font-size:20px}.image__info>p{margin-bottom:15px;flex-wrap:wrap}.mulpe__portfolio{margin-top:145px;width:100%}.profolio__info{display:flex;flex-direction:column;width:100%}.image__info{width:100%}}@media screen and (max-width: 800px){.portfolio .wrapper{width:calc(83vw - 30px)}.portfolio .wrapper .progress{width:100%;height:10%}.mulpe__portfolio{width:calc(83vw - 30px)}.profolio__info{display:flex;flex-direction:column;width:calc(83vw - 30px)}.image__info{width:100%;left:0;margin-bottom:0}.portfolio .image__protfolio>img{width:200px;height:200px;border-radius:1rem;object-fit:cover}}@media screen and (max-width: 500px){.portfolio .wrapper{width:calc(83vw - 30px);width:100%;margin-top:10px;height:105vh}.portfolio .wrapper .progress{width:100%;height:10%}.mulpe__portfolio{width:100%;margin-top:-165px}.profolio__info{display:flex;flex-direction:column;width:100%}.demo__tools{height:20px;margin-bottom:30px}.demo__tools button{padding:10px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500;width:150px}.image__info{width:90%;margin-bottom:0;margin-left:0}.portfolio .image__protfolio>img{width:200px;height:200px;border-radius:1rem;object-fit:cover;margin-top:20px}}@media screen and (max-width: 370px){.portfolio{height:116vh;width:100vw;margin-top:200px}.portfolio .wrapper{width:calc(83vw - 30px);width:100%;margin-top:10px;height:120vh}.portfolio .wrapper .progress{width:100%;height:6%;margin-bottom:30px}.mulpe__portfolio{width:100%;height:94%;margin-top:10px}.profolio__info{display:flex;flex-direction:column;width:100%}.toos__image{height:23px;width:23px}.demo__tools{height:20px;margin-bottom:30px}.image__info{margin-left:10px;width:88%}.tools .icon{margin-right:10px;height:23px;width:23px}.demo__tools button{padding:5px}}.navbar{height:100px;width:100vw;display:flex;transition:width 1.5s}.wrapper{display:flex;align-items:center;width:80vw;justify-content:space-between;margin:auto;color:#fff;height:100%;transition:width 1s ease-in-out}.navbar.sidebar-open .wrapper{width:calc(96vw - 330px);transition:width 1.5s}.logo{color:#fff}.links{display:flex;align-items:center;justify-content:center;font-size:15px}.links a{font-size:15px;text-decoration:none;color:inherit;cursor:pointer;margin-right:15px;height:18px;width:fit-content}.logo .image{width:200px;height:50px}@media screen and (max-width: 1024px){.navbar{height:100px}.links{display:none}.navbar.sidebar-open .wrapper{width:calc(60vw - 330px);transition:width 1.5s}}@media screen and (max-width: 600px){.navbar{height:100px}.links{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.bg{position:fixed;top:0;left:0;bottom:0;width:300px;background:white;z-index:100}a{font-size:40px}@media screen and (max-width: 1024px){.bg{position:fixed;top:0;left:0;bottom:0;width:150px;background:white;z-index:100}}@media screen and (max-width: 800px){.navbar{height:100px;display:none}.links{display:none}}.toggle__button{width:50px;height:50px;border-radius:50%;top:20px;left:20px;position:fixed;cursor:pointer;background-color:#fff;color:#000;z-index:100}@media screen and (max-width: 1024px){.toggle__button{display:none}}.link{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;height:100%;gap:20px}.link a{text-decoration:none;font-size:25px}.link.sidebar-open{opacity:1;background-color:#fff;color:#000}.link.sidebar-closed{background-color:transparent}@media screen and (max-width: 600px){.link{display:none}}.hero{height:calc(100vh - 100px);width:100vw;background-color:#1f1f38;overflow:hidden;transition:width 2s;position:relative}.wrapper{width:80vw;margin:auto;color:#fff;height:100%;position:relative;transition:width 2s;display:flex;align-items:center;justify-content:space-between}.wrapper .contact__link{text-decoration:none;font-size:15px;color:#fff}.hero.sidebar-open{transition:width 2s}.image__container{height:100%;position:absolute;right:0;top:0}img{height:calc(100vh - 100px)}.info{display:flex;flex-direction:column;gap:30px;width:50%}.hero h2{font-size:30px;letter-spacing:10px;color:#b7b7d3}h1{font-size:60px;font-weight:500}.info__button>button{padding:15px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;font-weight:500}.info__button>button:hover{background-color:#fff;color:#000}.info__button>button>a:hover{background-color:#fff;color:#000}@media screen and (max-width: 1024px){.sidebar-open .wrapper{width:calc(83vw - 30px)}img{height:calc(80vh - 100px)}.hero h2{font-size:20px;letter-spacing:10px;color:#b7b7d3}h1{font-size:40px;font-weight:500}}@media screen and (max-width: 800px){.hero{height:calc(83vh - 100px);width:100vw;background-color:#1f1f38;overflow:hidden;position:relative}.hero .wrapper{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-left:20px}.hero h2{font-size:30px;letter-spacing:7px;color:#b7b7d3}h1{font-size:15px;font-weight:700}.image__container{height:100%;position:absolute;left:160px;top:260px}img{height:calc(50vh - 100px)}.info{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.info__button{display:flex}.info__button>button{padding:7px;border:1px solid white;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;margin-right:20px;margin-bottom:5px;font-weight:500}}@media screen and (max-width: 500px){.image__container{left:50px}.hero{margin-top:5px}}.socials{display:flex;align-items:center;flex-direction:column;width:fit-content}.icons{width:20px;background-color:transparent;color:#fff}.icons:hover{color:#4e4e92}.socials>a{width:fit-content;height:30px}@media screen and (max-width: 800px){.socials{display:flex;align-items:center;flex-direction:row;width:fit-content}.socials>a{width:fit-content;height:30px;margin-right:7px;padding:4px}}@media screen and (max-width: 500px){.socials{display:flex;align-items:center;flex-direction:row;width:fit-content}.socials>a{width:fit-content;height:30px;margin-right:7px;padding:4px}}.resume{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}.resume h2{color:#fff;margin-bottom:10px}.resume .wrapper{display:flex;width:83vw;height:100%}.resume.sidebar-open .wrapper{width:calc(97vw - 330px);margin-left:115px;transition:width 2s .5s}.left__resume{flex:1;flex-direction:column;height:100%}.right__resume{flex:1;height:100%;flex-direction:column}.top__left__resume,.bottom__left__resume{display:flex;flex-direction:column;margin-bottom:30px}.top__left__resume h2{margin:0 0 20px 6px}.bottom__left__resume h2{margin-bottom:10px}.line__summary,.line__education{display:flex;align-items:start}.line__summary .line{width:1.7px;height:190px;border-radius:10px;margin-right:1rem;margin-left:10px}.dot{display:flex;align-items:center;margin-left:10px}.circle{width:5px;height:5px;border-radius:5px;background-color:#fff;margin-right:7px;margin-bottom:18px}.colord__point{width:20px;height:20px;border-radius:10px;z-index:100;background-color:#9292a7;margin-left:-10px}.summary{margin-left:6px}.summary h3{color:#9292a7;margin-bottom:10px}.line__education .line{width:1.7px;height:100px;border-radius:10px;margin-right:1rem;margin-left:10px}.education h3{color:#9292a7;margin-bottom:10px}.summary h5,.education h5{background-color:#58585e;width:fit-content;padding:10px}.top__right__resume .line{width:1.7px;height:350px;border-radius:10px;margin-right:1rem;margin-left:10px}.bottom__right__resume{margin-top:-160px}.bottom__right__resume .line{height:200px}.bottom__right__resume h3{margin-bottom:10px;margin-top:30px}p{font-weight:400;font-size:15px}.bottom__left__resume .education{margin-top:25px}@media screen and (max-width: 1024px){.resume .wrapper{display:flex;flex-direction:column}}@media screen and (max-width: 500px){.resume{margin-top:40px;height:170vh}.resume .wrapper{display:flex;flex-direction:column}.top__right__resume{margin-top:-70px}.bottom__right__resume .line{height:330px}.bottom__right__resume{margin-top:-50px}}@media screen and (max-width: 365px){.top__right__resume{margin-top:3px}.resume .summary{display:flex;flex-direction:column}.dot{display:flex;align-items:center}.line__summary .line{width:1.7px;height:260px}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}::-webkit-scrollbar{display:none}