body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg{background-attachment:cover;background-image:url(/static/media/wbg.9a2241b12e6b19de9cd3.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}@media screen and (max-width:412px){.bg{height:50vh}}.navbar{align-items:center;background-color:var(--nav_color);color:var(--text_color);display:flex;font-family:burtons;height:4.5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:3.5rem}.logo-txt{font-family:burtons;text-align:center}.desktopmenuList{cursor:pointer;font-size:18px;font-weight:600;margin:1rem;transition:all .4s}.desktopmenuList:hover{border-bottom:3px solid #71d6a3;color:#71d6a3;padding-bottom:.4rem}.desktopimg{height:2rem;margin:.1rem;object-fit:cover;width:2.5rem}.desktopMenuBtn{align-items:center;background:#55ffb8;border:none;border-radius:6px;color:#000;display:flex;font-family:burtons;font-size:15px;justify-content:center;padding:4px 13px;transition:all .6s}.desktopMenuBtn:hover{background:#0000;color:tomato}.active{border-bottom:3px solid #71d6a3;color:#71d6a3;padding-bottom:.4rem}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:16rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.navmenuList{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}.mobmenu{display:none;object-fit:cover;width:34px}@media screen and (max-width:720px){.logo{height:2.7rem;object-fit:cover;width:3rem}.mobmenu{display:flex;left:1%}.desktopMenu,.desktopMenuBtn{display:none}.darkmodemenu{object-fit:cover}}.dark_mode{margin-left:2px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}#intro,--color{color:var(--intro_color)}#intro{height:calc(100vh - 6.8rem);margin:0 auto;max-width:80rem;overflow:hidden;position:relative;width:100vw}.intro-img{filter:drop-shadow(2px 2px .9rem #2ecc71);margin:1rem;object-fit:cover;position:absolute;right:0;top:0;width:40%;z-index:1}.intro-content{display:flex;flex-direction:column;font-family:burtons;font-weight:700;justify-content:space-around;padding:5rem 2rem;width:53vw}.hello{font-size:1.95rem;font-weight:300}.introname{color:#16a085;font-size:3rem}.introText{font-size:3rem;line-height:5rem}.positions{color:gray;font-size:1.5rem;line-height:4rem}.intropara{font-size:2rem}.hire-btn{background:#00d170;border-radius:8px;color:#f32400;font-family:burtons;font-size:18px;font-weight:700;margin-left:5px;margin-top:2rem;max-width:40vw;padding:6px 12px;text-align:center;transition:all .5s}.hire-btn:hover{background:#0000;border:1px solid #fff6c3;color:#fff6c3}.hireimg{object-fit:cover;width:30px}@media screen and (max-width:412px){#intro{height:73vh}.intro-img{gap:7px;width:61%}.intro-content{font-size:1.8rem}.hello{font-size:.5rem;margin-top:.5rem}.introname{font-size:1.8rem;gap:7px;margin-right:5px}.introText{font-size:1.5rem}.positions{font-size:1.3rem;margin-top:.7rem}.intropara{font-size:1.4rem;margin-bottom:1.2rem;width:330px}.hireimg{left:-4rem;width:25px}.hire-btn{font-size:1rem}}.preloader{background:#2e2e2e;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;text-align:center;width:100%;z-index:55}.loadercontainer{margin-top:15%}.loderimg{border-radius:50%;height:155px;width:153px}.load-text{-webkit-text-fill-color:#fff0;animation:animate 4s linear infinite;background:linear-gradient(90deg,#1a1a1a,#fff6c3,#272727);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;font-family:sans-serif;font-size:2em;letter-spacing:4px;overflow:hidden;padding-top:1rem;position:relative;text-transform:uppercase}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}@media screen and (max-width:412px){.loadercontainer{padding-top:13.1em}.loderimg{height:100px;width:100px}h2{font-size:1.4rem}}#skills{align-items:center;color:var(--text_color);display:flex;flex-direction:column;font-family:burtons;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;letter-spacing:.5rem;margin-bottom:1.5rem;padding-top:3rem}.skillDescrip{font-size:1.2rem;font-weight:400;line-height:auto;max-width:51rem;padding:0 2rem}.skillbers{margin:1.5rem;max-width:92%;text-align:left;width:100vw}.bers{background:var(--skillber_color);border-radius:.5rem;box-shadow:1px 4px 2px 3px #0c3;-webkit-box-shadow:1px 4px 2px 3px #0c3;-moz-box-shadow:1px 4px 2px 3px #0c3;display:flex;margin:1.5rem;padding:1.5rem 2rem;transition:all .5s ease-in-out}.bers:hover{background:var(--nav_color)}.bers-img{height:3.2rem;margin-right:2rem;object-fit:cover;width:3.2rem}h3{font-size:1.5rem;font-weight:600;line-height:1.8em}@media screen and (max-width:420px){.skillberText>p{font-size:4vw;margin-top:1rem}.bers-img{height:3rem;width:3rem}}#works{align-items:center;color:var(--text_color);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.workstittle{font-size:2rem;margin:1rem 0}.worksdec{font-size:1.1rem;font-weight:400;max-width:46rem}.works-details{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;max-width:65rem;width:100vw}.works-img{border-radius:1.5rem;height:20rem;margin:.5rem;object-fit:cover;width:17rem}.img-link{cursor:pointer;padding:.5rem;text-decoration:none;transition:all .6s}.img-link:hover{filter:opacity(45%);transform:scale(.9)}.workbtn{background:var(--body_color);border:none;border-radius:2rem;color:var(--body_background);font-family:buttons;font-size:1rem;font-weight:500;margin:2.2rem 0;padding:.6rem 2rem;transition:all .4s ease}.workbtn:hover{background:var(--intro_color);color:var(--body_color)}@media screen and (max-width:412px){.works-img{height:50vw;width:18rem}.works-details{margin-top:2rem}}--color{background:var(--body_background);color:var(--body_color);color:var(--nav_color);color:var(--text_color);color:var(--skillber_color)}#contact{color:var(--text_color);margin:0 auto;max-width:65rem;min-height:calc(100vh - 4.9rem);width:100vw}#contact,.contener-icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.contener-icon{margin-top:.9rem}.contactstittle{font-size:2rem;margin-bottom:1rem}.contactdec{font-size:1rem;font-weight:400;margin-bottom:1rem;max-width:58rem}.motion-img>img{border-radius:25%;filter:drop-shadow(0 0 .75rem rgb(12,0,78));max-width:58rem;padding:1rem 0;width:320px}.contact-img{margin-top:.4rem;padding:2px;width:23%}.contact-details{margin-bottom:.3rem}#about{align-items:center;color:var(--text_color);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;min-height:calc(100vh - 4rem);overflow:hidden;position:relative;width:100vw}.video-background{border-radius:4px;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-5}.background-video{background:#0f1525cc;object-fit:cover;width:100%;z-index:-2}.video-overlay{background-color:#00000080;position:absolute;width:100%;z-index:-1}.row{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;margin-top:1rem;position:relative;z-index:2}.profile{padding:8px}.profile-img{border-radius:50%;filter:drop-shadow(0 0 .6rem rgb(6,0,43));width:210px}.ab{color:#fff;max-width:45rem;padding:6px}.ab,.sub-tittle{background:rgba(0,0,0,.418);margin-bottom:1rem;text-align:center}.sub-tittle{color:var(--body_color);font-size:2rem}.tab-links{background:var(--body_color);border:none;border-radius:2rem;color:var(--body_background);cursor:pointer;font-family:buttons;font-size:1rem;font-weight:500;margin:.5rem 0;max-width:50rem;padding:.6rem 2rem;text-align:center;transition:all .5s ease}.tab-links:hover{opacity:.6}.tab-contents ul li{background:rgba(0,0,0,.397);color:#fff;font-size:.8rem;list-style:none;max-width:40rem;padding:5px}.tab-contents ul li span{color:#0dffcf;font-weight:700}.education{margin-bottom:1rem;transition:all .2s ease-in-out}.skills{margin-bottom:1.5rem;max-width:46rem;padding:0 20px;width:100%}.skill-name{color:var(--body_color);font-size:15px;font-weight:700;margin:20px 0;text-transform:uppercase}.skill-bar{background:var(--body_color);border-radius:4px;height:14px}.skill-per{animation:fillBars 2.5s 1;background:#2ecc71;border-radius:3px;color:var(--text_color);height:14px;position:relative}.skill-per:before{background:#c0392b;border-radius:4px;color:#fff6c3;content:attr(per);font-size:12px;padding:4px 6px;top:-35px;transform:translateX(50%)}.skill-per:after,.skill-per:before{font-weight:600;position:absolute;right:0}.skill-per:after{background:#27ae60;border-radius:2px;color:#f1c40f;content:"";height:10px;top:-12px;transform:translateX(50%) rotate(45deg);width:10px}@keyframes fillBars{0%{width:0}to{width:100%}}.footer{align-items:center;background:#282828;bottom:0;color:#fdf3b9;display:flex;font-size:small;font-weight:600;height:3rem;justify-content:center}
/*# sourceMappingURL=main.823b33d9.css.map*/