@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap";@font-face{font-family:icomoon;src:url(/assets/icomoon-DTfnzted.eot?11suv);src:url(/assets/icomoon-DTfnzted.eot?11suv#iefix) format("embedded-opentype"),url(/assets/icomoon-CcpDACRe.ttf?11suv) format("truetype"),url(/assets/icomoon-DjfI6z8l.woff?11suv) format("woff"),url(/assets/icomoon-Bp9XmHI9.svg?11suv#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-long-arrow-right:before{content:""}.icon-envelope1:before{content:""}.icon-linkedin-square:before{content:""}.icon-github:before{content:""}.icon-instagram1:before{content:""}.icon-social-twitter:before{content:""}.icon-check-circle:before{content:""}.icon-chevron-up:before{content:""}.icon-sun:before{content:""}.icon-moon1:before{content:""}.icon-checkmark-outline:before{content:""}.icon-menu:before{content:""}.icon-link:before{content:""}.icon-cross:before{content:""}.icon-circle-down:before{content:""}header{justify-content:space-between;padding:0 20px}.title{color:gray}header ul{gap:15px;background-color:var(--bg-color);padding:12px 25px;border-radius:25px}.light header ul{box-shadow:0 0 18px 2px #4f4f8833}header ul li a{font-size:1rem}header ul li a:hover{color:var(--hover-color);font-size:1.01rem;font-weight:500}.fixed{animation:mymove 1s ease-in;position:fixed;z-index:99999999;inset:0;background-color:#4f4f8891;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fixed ul.modal{width:90%;margin:100px auto 0;padding:15px;background-color:var(--bg-color)}.fixed ul.modal li{padding:15px;border-bottom:1px solid #e5e7eb29;position:relative}.fixed ul.modal li button.close{position:absolute;right:10px;top:-5px;padding:7px;width:30px;height:30px;border-radius:50%;font-size:14px;transition:.5s;font-weight:700;color:var(--title)}.fixed ul.modal li button.close:hover{rotate:360deg;color:red}.icons{display:flex;justify-content:space-between;gap:10px}@keyframes mymove{0%{scale:0}60%{scale:1.1}to{scale:1}}.show,.moon,.icons .icon_1{padding:10px;font-size:15px;border-radius:50%;justify-content:center;align-items:center;background:var(--bg-color);color:var(--title_color);transition:.2s;border:1px solid #fa807259;cursor:pointer}.show{display:none}.show:hover,.moon:hover,.icons .icon_1:hover{color:var(--title);border:1px solid #fa8072}.icon-sun{color:orange}@media(max-width:700px){header nav{display:none}.show{display:flex}}.skills{margin:3rem 0}.skills h1{font-size:2.5rem;margin:30px 0;color:var(--title);line-height:2.5rem}.skills .skills_content{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skills .skills_content span{background-color:var(--bg-color);padding:10px;color:var(--subtitle);width:129%;text-align:center;border:1px solid var(--border);border-radius:5px;transition:.5s;font-size:1.1rem}.skills .skills_content span:hover{color:#fafafa;border:.5px solid var(--blue)}section.hero{margin:5rem 0 1rem}section.hero .side-left{flex-grow:1}section.hero .side-left .aveter{align-items:end;gap:20px}section.hero .side-left .aveter .icon{margin-bottom:15px;color:var(--blue)}section.hero .side-left .avert{width:120px;height:120px;border-radius:50%;cursor:pointer;padding:1px;box-shadow:2px 2px 40px gray inset;border:2px solid darkorange}section.hero .side-left .circle-down{color:var(--blue);font-size:2rem;border-radius:50%}section.hero .side-left h1{font-size:2.5rem;margin:30px 0 20px;color:var(--title);line-height:2.5rem}section.hero .side-left p{font-size:1rem;margin-bottom:40px;color:var(--subtitle);line-height:1.5rem}section.hero .side-left .icon-all{gap:10px;font-size:1.3rem;color:var(--subtitle);padding:10px}section.hero .side-left .icon-all .icon:hover{transition:.5s;color:var(--icon-hover);cursor:pointer;font-size:1.4rem}.side-right .anim{width:500px;translate:100px 55px}.education{display:flex;flex-direction:column;gap:10px}.education h2{font-size:2.5rem;margin:30px 0 20px;color:var(--title);line-height:1rem}.education p{font-size:1.3rem;margin-bottom:40px;color:var(--subtitle);line-height:1.5rem}.education>div{display:flex;align-items:center;gap:15px}.education .icon_educ{padding-top:10px;font-size:2.5rem;border-radius:50%;justify-content:center;align-items:center;color:#fff;transition:.2s;cursor:pointer}@media(max-width:1200px){.side-right .anim{display:none}}main.flex{gap:30px;align-items:start;padding:30px 0}main.flex .left .buttons{flex-direction:column;padding:10px;gap:6px}main.flex .left .buttons button{background-color:var(--bg-color);padding:10px;color:var(--subtitle);width:129%;text-align:center;border:1px solid var(--border);border-radius:5px;transition:.5s;font-size:1.1rem}.light main.flex .left .buttons button{background-color:#000;color:#fff}.light main.flex .left .buttons button:hover,.light main.flex .left .buttons button.active{color:#fafafa;border:.5px solid var(--blue)}main.flex .left .buttons button:hover,main.flex .left .buttons button.active{color:var(--title);border:.5px solid var(--blue)}main.flex .right{flex-grow:1;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;transition:.5s}main.flex .right .card{background:linear-gradient(to right,#ffffff0d,#ffffff0d);border-radius:5px;transition:.5s;border:1px solid rgba(93,188,252,.3);cursor:pointer}.light main.flex .right .card{border:none;height:320px!important;box-shadow:0 0 5px 2px #00000020}.light main.flex .right .card:hover{border:none}main.flex .right .card:hover{border:1px solid var(--blue);rotate:3deg}main.flex .right .card img{border-radius:5px;height:150px}main.flex .right .card-body{padding:10px}main.flex .right .card-body .title{color:var(--title);font-size:1.6}main.flex .right .card-body p{margin:15px 0 20px;font-size:13px;color:var(--subtitle)}main.flex .right .card-body .icons{justify-content:space-between}main.flex .right .card-body .icons .icon{gap:16px}main.flex .right .card-body .icons .icon .icon_link{font-size:1.2rem;color:var(--subtitle);transition:.3s}main.flex .right .card-body .icons .icon>div:hover{cursor:pointer;color:var(--icon-hover);transition:.5s}main.flex .right .card-body .icons a{margin-right:10px;font-size:12px;transition:.3s;gap:2px;align-items:center}main.flex .right .card-body .icons a:hover{color:var(--blue)}@media(max-width:600px){main.flex{flex-direction:column;justify-content:center;align-items:center}main.flex .left .buttons{flex-direction:row;flex-wrap:wrap;padding:10px;gap:6px;justify-content:center;align-items:center}main.flex .left .buttons button{width:fit-content;padding:7px;font-size:.9rem}}.contact-us{padding:30px 0}.contact-us h1{gap:20px;color:var(--title);margin-bottom:15px}.contact-us h1 span{font-size:1.5rem;color:var(--subtitle);transition:.3s}.contact-us h1 span:hover{color:var(--icon-hover);cursor:pointer}.contact-us p{font-size:1.1rem;margin-bottom:40px;color:var(--subtitle);line-height:1.5rem}.contact-us .right form{width:100%}label{width:60%;color:var(--subtitle)}.contact-us .right form input,.contact-us .right form textarea{all:unset;background-color:var(--input-color);padding:.6rem 5rem;margin:1rem;width:100%;transition:.5s;border:1px solid rgb(63,63,70)}.light .contact-us .right form input,.light .contact-us .right form textarea{background-color:#fffdfd;border:1px solid rgba(63,63,70,.54);color:#000}.contact-us .right form input:focus,.contact-us .right form textarea:focus{border:1px solid var(--input-border-color)}.contact-us .right form input:hover,.contact-us .right form textarea:hover{border:1px solid var(--input-border-color)}.light .contact-us .right form input:focus,.light .contact-us .right form textarea:focus{border:1px solid rgb(63,63,70)}.light .contact-us .right form input:hover,.light .contact-us .right form textarea:hover{border:1px solid rgb(63,63,70)}.contact-us .right form button{margin-top:30px;background-color:var(--input-color);border:1px solid rgb(63,63,70);padding:.7rem 2rem;transition:.5s;color:var(--title)}.contact-us .right form button:hover{scale:.9}@media(max-width:1200px){.animation{display:none}}@media(max-width:600px){.contact-us .right form{width:100%;display:flex;flex-direction:column}.contact-us .right form>div.flex{flex-direction:column}.contact-us .right form input,.contact-us .right form textarea{background-color:var(--input-color);padding:.6rem 1.6rem;margin:1rem 0 1rem 2.5rem;width:100%}.contact-us .right form button{width:fit-content;align-self:center}}*{border:0;margin:0}footer.flex{justify-content:space-between;padding:10px 0}footer.flex ul{gap:16px}footer.flex ul li a{color:var(--subtitle);transition:.5s}footer.flex ul li a:hover{color:var(--hover-color)}footer.flex p{color:#71717a}@media(max-width:800px){footer.flex{flex-direction:column;gap:12px;padding:4px 0;text-align:center}}button{all:unset;cursor:pointer}*,*:before,*:after{box-sizing:inherit}*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:.88rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#999;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#ebc6d980 #3d4a59;font-family:Roboto,sans-serif;box-sizing:border-box;scroll-behavior:smooth}:root{--Primary: #000;--seconday: rgb(24, 24, 27);--title_color: #f4f4f57d;--border: rgba(63, 63, 70, .4);--bg-color: rgb(157 157 161 / 22%);--hover-color: rgb(20 184 166);--title: rgb(244, 244, 245);--subtitle: rgb(161, 161, 170);--blue: rgb(93, 188, 252);--icon-hover: #d4d4d8;--input-color: rgb(161, 161, 170, .15);--input-border-color: rgb(45 512 191);--scroll-btn: rgba(25, 118, 210, .85)}.light{--Primary: rgb(250, 250, 250);--seconday: rgb(255, 255, 255);--bg-color: rgb(157 157 161 / 22%);--title_color: rgb(39 39 42);--title: rgb(39 39 42);--border: rgba(220, 220, 220, .53);--subtitle: rgb(82 82 91);--bg-color: rgb(253 253 253);--blue: rgb(0, 149, 246);--input-color: rgb(161, 161, 170, .15);--input-border-color: rgb(45 512 191)}body{background-color:var(--Primary);color:#fff}.container{width:80%;background:var(--seconday);margin:0 auto;padding:4rem 4rem 1rem}.border{border:2px solid red}.bodder_div{margin-top:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem;width:calc(100% + 8rem);margin-left:-4rem}.bodder_div:last-child{margin-top:.1rem}ul{list-style:none}a{text-decoration:none;color:initial;color:var(--title_color)}.flex{display:flex;align-items:center}.scroll-up{position:fixed;background-color:var(--scroll-btn);bottom:10px;right:3%;width:2.5rem;height:2.5rem;border-radius:50%;text-align:center;font-size:1.3rem;font-weight:700;transition:.3s;color:#fff}.scroll-up:hover{background-color:#1976d2;color:var(--title)}@media(max-width:1000px){.container{width:90%;padding:2rem}.bodder_div{width:calc(100% + 4rem);margin-left:-2rem}}@media(max-width:600px){.container{width:98%;padding:2rem}.scroll-up{width:2rem;height:2rem;opacity:.6}}