@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.section-heading{font-weight:300;font-size:2rem}.hr-opacity{border:none;border-top:1.75px solid var(--lighter-highlight-color);opacity:.7;width:75%;margin:5px auto 40px}@media screen and (min-width: 992px){.section-heading{font-size:3rem}}.nav-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2px 10px;position:fixed;top:0;z-index:1;background:transparent;transition:background .5s ease-in-out}.nav-bar .image-navbar{display:none}.nav-bar.active{background:var(--bg-color)}@media screen and (min-width: 992px){.nav-bar{width:30%;background:var(--bg-color)}.nav-bar .nav-list{position:initial;flex-flow:row wrap;width:initial}.nav-bar .nav-list .nav-item{font-size:1.2rem}.nav-bar .nav-list .nav-item .nav-link{position:relative}.nav-bar .nav-list .nav-item .nav-link:after{content:"";position:absolute;top:20px;left:0;right:0;width:0;height:3px;border-radius:2px;background:var(--lighter-highlight-color)}.nav-bar .nav-list .nav-item .nav-link:hover:after{width:100%;transition:width .5s}.nav-bar .image-navbar{display:block;border-radius:50%;width:40px;height:40px;object-fit:cover}.nav-bar .hamburger-btn{display:none}}@media screen and (min-width: 992px) and (max-width: 1226px){.nav-bar{flex-direction:column}.nav-bar .nav-list .nav-item{font-size:1rem}}@media screen and (min-width: 1400px){.nav-bar .nav-list .nav-item{font-size:1.5rem}}.marquee-skills{width:75%;position:relative;display:flex;overflow:hidden;margin:auto;max-width:750px;mask-image:linear-gradient(to right,rgba(0,0,0,0),rgb(0,0,0) 20%,rgb(0,0,0) 80%,rgba(0,0,0,0))}.marquee-skills .marquee-skills__list{display:flex;animation:marqueeAnimation 20s linear infinite;list-style:none}.marquee-skills .marquee-skills__list li svg{height:45px;padding:0 10px}.marquee-skills .marquee-skills__list .github-svg{fill:var(--text-color)}@keyframes marqueeAnimation{0%{transform:translate(0)}to{transform:translate(-50%)}}.my-works{overflow:hidden}.my-works .my-works-item{position:relative;display:flex;width:95%;flex-flow:column wrap;margin:auto auto 40px;padding:0 20px;background-color:var(--bg-color);box-shadow:#00000026 -1.95px 1.95px 2.6px;border-radius:10.5px}.my-works .my-works-item .works-title{margin-bottom:20px;order:1}.my-works .my-works-item .works-title h3{font-size:1.5rem;color:var(--text-color);text-decoration:underline;text-decoration-color:var(--darker-highlight-color);text-underline-offset:5px;text-decoration-thickness:1.5px;margin-bottom:30px;margin-top:25px}.my-works .my-works-item .works-title p{width:95%;letter-spacing:.3rem;font-size:1.5rem;line-height:30px;letter-spacing:.1rem;margin-bottom:25px}.my-works .my-works-item .works-title .works-tech__list{list-style:none;display:flex;flex-flow:row wrap;justify-content:center;row-gap:15px}.my-works .my-works-item .works-title .works-tech__list li{font-size:1rem;font-weight:600;border-radius:10px;padding:2.5px 7.5px;background-color:var(--lighter-highlight-color);border:2px solid var(--darker-highlight-color);color:#0d0d0d}.my-works .my-works-item .works-title .works-tech__list li:not(:last-child){margin-right:10px}.my-works .my-works-item .works-img{order:2}.my-works .my-works-item .works-img img{width:100%;max-width:1000px;border:5px solid var(--lighter-highlight-color);border-radius:10px;margin:auto auto 15px;box-shadow:#26394d 0 20px 30px -10px}.my-works .my-works-item .works-btn{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:15px;order:3;margin:25px auto}.my-works .my-works-item .works-btn a:first-child{text-decoration:none;padding:5px 40px;font-size:1.5rem;color:var(--text-color)}.my-works .my-works-item .works-btn a:nth-child(2){padding:1.5px 4px}.my-works .my-works-item .works-btn a{display:flex;font-weight:500;border-radius:5px;border:2px solid var(--lighter-highlight-color);box-shadow:#26394d 0 20px 30px -10px;transition:background ease-in-out .5s,color ease-in-out .3s,border ease .5s}.my-works .my-works-item .works-btn a:active{background:var(--darker-highlight-color);color:var(--bg-color);border:2px solid var(--darker-highlight-color)}.my-works .my-works-item .works-btn a svg{width:30px}.my-works .my-works-item .works-btn a svg path{fill:var(--text-color)}.my-works .my-work__right-item{box-shadow:#00000026 1.95px 1.95px 2.6px}footer{margin-top:-50px-}footer a{color:inherit}footer svg{padding:10px;font-size:60px;color:var(--text-color)}.nav-list{list-style:none;display:flex;align-items:center;flex-direction:column;position:absolute;top:100%;left:-100%;width:100%;gap:25px;background:var(--bg-color);padding:20px 0;transition:background .5s ease-in-out,left .5s ease-in-out}.nav-list .nav-item{font-size:1.5rem}.nav-list .nav-item:focus{outline-color:var(--text-color);padding:0 7px}.nav-list .nav-link{text-decoration:none;color:var(--links-color)}.nav-list .nav-link:hover{color:var(--text-color)}.nav-list.active{left:0}.hamburger-btn{cursor:pointer;border:none;background:var(--bg-color);transition:all .5s ease-in-out}.hamburger-btn svg{font-size:40px;color:var(--text-color)}.hamburger-btn.active{animation:1.5s linear shakey}@keyframes shakey{0%{transform:skewY(-15deg)}5%{transform:skewY(15deg)}10%{transform:skewY(-15deg)}15%{transform:skewY(15deg)}20%{transform:skewY(0)}to{transform:skewY(0)}}.home-container{margin-top:100px}.home-container h1{position:relative;font-weight:600}.home-container h1:after{content:"";position:absolute;left:50%;bottom:15%;width:20px;height:2px;border-radius:5px;margin-top:-5px;background:var(--darker-highlight-color);transform:translate(-50%)}.home-container p{margin-bottom:25px}.home-container img{width:65%;display:block;margin:auto;border-radius:2px;box-shadow:1px 1px 149px -1px #0000007d;-webkit-box-shadow:1px 1px 149px -1px rgba(0,0,0,.49);-moz-box-shadow:1px 1px 149px -1px rgba(0,0,0,.49)}.home-container .angle-icon{display:none}.about-me p{font-size:1.75rem;padding:0 25px;line-height:35px;letter-spacing:.15rem}.about-me .highlight-span{background:var(--darker-highlight-color)}.about-me .highlight-underline{border-bottom:2px solid var(--lighter-highlight-color)}@media screen and (min-width: 992px){.left-box{width:30%;position:fixed;inset:0;background:url(../images/DamyCoder.webp);background-size:cover;background-repeat:no-repeat;background-position-y:30%;background-position-x:50%}}.right-box{text-align:center;width:90%;margin:auto}@media screen and (min-width: 992px){.right-box{width:70%;margin-left:30%}.right-box header{margin:0;height:100vh;position:relative}.right-box header .home-container{position:absolute;top:40%;width:100%;margin:auto}.right-box header .home-container h1{font-size:4rem;font-weight:600}.right-box header .home-container h1:after{width:30px;height:3px;bottom:18%;left:50%;transform:translate(-55%)}.right-box header .home-container p{font-size:2rem;font-weight:300}.right-box header .home-container img{display:none}.right-box header .home-container .angle-icon{display:initial;font-size:3rem;animation:blinky .75s alternate-reverse infinite;color:var(--darker-highlight-color);padding:25px 30px;border-radius:50%;position:relative}.right-box header .home-container .angle-icon:before{opacity:0;content:"Welcome! 👋";font-size:1rem;font-weight:400;color:#000;position:absolute;background:white;width:auto;height:auto;padding:0 5px;border:2px solid var(--lighter-highlight-color);border-radius:5px;bottom:65%;right:-100%;font-family:Poppins,sans-serif}.right-box header .home-container .angle-icon:after{opacity:0;content:"";position:absolute;width:0;height:0;border-width:4px 4px 0;border-style:solid;border-color:var(--lighter-highlight-color) transparent transparent transparent;bottom:65%;right:20%;transform:rotate(180deg)}.right-box header .home-container .angle-icon:hover{animation:none}.right-box header .home-container .angle-icon:hover:before{opacity:1;right:-63%;transition:right 1s ease-in-out .5s,opacity 1.5s ease-in-out .5s}.right-box header .home-container .angle-icon:hover:after{opacity:1;transition:all .75s ease-in-out 1.25s}.right-box .about-me p{width:50%;margin:auto;min-width:450px}.right-box .my-skills p{font-size:1.1rem}.right-box .my-skills li svg{height:55px;padding:0 15px}.right-box .my-works .my-works-item{flex-flow:row wrap;gap:15px;align-items:center;justify-content:center;width:90%}.right-box .my-works .my-works-item .works-title{width:50%}.right-box .my-works .my-works-item .works-title p{margin-bottom:20px!important;text-align:left}.right-box .my-works .my-works-item .works-img{width:40%}.right-box .my-works .my-works-item .works-img img{width:100%;margin-top:25px}.right-box .my-works .works-btn{margin-top:25px}.right-box .my-works .works-btn a{transition:all .5s ease-in-out}.right-box .my-works .works-btn a:hover{cursor:pointer;border-color:var(--darker-highlight-color);background:var(--darker-highlight-color)}.right-box .my-works .works-btn a:first-child:hover{color:var(--bg-color)}.right-box .my-works .my-work__right-item .works-btn{order:3}.right-box .my-works .my-work__right-item .works-img{order:1}.right-box .my-works .my-work__right-item .works-title{order:2}.right-box .contact-form__container{max-width:800px}.right-box .contact-form__container label{font-size:1.2rem}.right-box .contact-form__container button{width:250px;margin:50px auto auto}}@media screen and (min-width: 1400px){.right-box .my-works .my-works-item{max-width:1200px}.right-box .my-works .my-works-item .works-title p{width:100%;padding:0 25px;margin:auto auto 10px;font-size:1.6rem}.right-box .my-works .my-works-item .works-title .works-tech-span{font-size:1.15rem}section:not(:last-child){margin-bottom:100px}}@keyframes blinky{0%{opacity:1}to{opacity:0}}.contact-form__container{display:flex;flex-flow:column nowrap;align-items:start;width:75%;margin:0 auto 40px;gap:10px}.contact-form__container label{color:var(--error-message);font-size:1.65rem}.contact-form__container input{border-radius:3px;border:none;height:35px;width:100%;padding:0 0 0 10px}.contact-form__container input:focus{outline:none;border:2px solid var(--lighter-highlight-color)}.contact-form__container textarea{width:100%;height:144px;border:none;resize:none;padding:10px}.contact-form__container textarea:focus{outline:none;border:2px solid var(--lighter-highlight-color)}.contact-form__container button{font-family:Poppins,sans-serif;border:2px solid var(--lighter-highlight-color);padding:5px 50px;border-radius:5px;font-size:1.5rem;width:100%}.contact-form__container button:hover{cursor:pointer}.contact-form__container button:active{background:var(--lighter-highlight-color)}.label-theme-switch{top:0;left:0;width:150px;height:50px;position:absolute;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s;z-index:200}.label-theme-switch:after{content:"";width:45px;height:45px;position:absolute;top:2.5px;left:5px;background:linear-gradient(180deg,var(--lighter-highlight-color),var(--darker-highlight-color),var(--darker-highlight-color));border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.label-theme-switch:active:after{width:65px}.label-theme-switch svg{height:auto;position:absolute;top:8px;width:35px;z-index:100}.label-theme-switch svg.sun-svg{left:10px;fill:#fff;transition:.3s}.label-theme-switch svg.moon-svg{left:107px;fill:#7e7e7e;transition:.3s}.input-theme-switch{width:0;height:0;visibility:hidden}.input-theme-switch:checked+label{background:#242424}.input-theme-switch:checked+label svg.sun-svg{fill:#7e7e7e}.input-theme-switch:checked+label svg.moon-svg{fill:#fff}.input-theme-switch:checked+label:after{left:145px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}input:checked+label svg.sun-svg{fill:#7e7e7e}input:checked+label svg.moon-svg{fill:#fff}@media screen and (min-width: 992px){.label-theme-switch{left:auto;right:5px;top:5px}}:root{--bg-color: #f0f0e6;--text-color: #0d0d0d;--links-color: #01010180;--button-hover-color: #f2f2f2;--darker-highlight-color: #d9a74a;--lighter-highlight-color: #f2d091;--error-message: #e5736e}[data-theme=dark]{--bg-color: #212423;--text-color: #f0f0e6;--links-color: #f0f0e6ad;--button-hover-color: #f2f2f2}html{box-sizing:border-box;scroll-behavior:smooth;font-size:62.5%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{color:var(--text-color);background:var(--bg-color);font-family:Poppins,sans-serif;transition:all .5s ease-in-out}section:not(:last-child){margin-bottom:75px}header{margin:50px auto}.back-to-the-top-btn{display:flex;justify-content:center;align-items:center;position:fixed;width:45px;height:45px;bottom:10px;right:10px;font-size:25px;background:var(--text-color);color:var(--bg-color);box-shadow:-2px -2px 0 var(--darker-highlight-color),2px 2px 0 var(--darker-highlight-color);border-radius:50%;z-index:1;border:none;cursor:pointer}.back-to-the-top-btn svg{font-size:25px}