body.light{--bg-color: #ffffff;--text-color: #000000;--nav-color: rgb(192, 190, 190);--links-color: purple}body.dark{--bg-color: rgb(91, 91, 91);--text-color: #ffffff;--nav-color: #121212;--links-color: rgb(246, 169, 233)}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:inherit}ul{list-style:none}body{color:var(--text-color);background:var(--bg-color);font-family:Rubik}input,textarea,button{border:none;outline:none;color:inherit;font-size:inherit;font-family:inherit;background:transparent}button{cursor:pointer}.container{max-width:1140px;width:100%;padding:0 15px;margin:0 auto}html{scroll-behavior:smooth}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-Light-E9r0CFAQ.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-Regular-CVPqojHn.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-Medium-BXurvKln.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-SemiBold-BpBweYUp.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-Bold-BFRe4lgh.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Rubik;src:url(/Portfolio/assets/Rubik-Black-BOA0X6IS.ttf) format("truetype");font-weight:900;font-style:normal}.aboutme__box2{display:flex;justify-content:center}.aboutme__box1{display:flex;justify-content:space-evenly}.aboutme__box5{display:flex;justify-content:center}.aboutme__box6{display:flex;justify-content:space-evenly}.next{display:none}.aboutme__img{max-width:200px;width:100%;object-fit:contain}.aboutme__box2,.aboutme__box5{display:flex;justify-content:center}.aboutme__title{font-size:30px;margin:30px auto}.aboutme__box1,.aboutme__box6{display:flex;justify-content:space-evenly}.aboutme__desc{max-width:700px;font-size:20px}.slider{position:relative;overflow:hidden;width:100%;max-width:1000px;margin:0 auto}.page{transition:transform .7s ease,opacity .7s ease;width:100%}.page.visible{transform:translate(0);opacity:1;position:relative}.page.hidden-left{transform:translate(-100%);opacity:0;position:absolute;top:0;left:0}.page.hidden-right{transform:translate(100%);opacity:0;position:absolute;top:0;left:0}.aboutme__btn{font-size:30px;background:none;border:none;cursor:pointer}.aboutme__box9{display:flex;align-items:center;justify-content:center;gap:20px}.footer__img{max-width:50px;width:100%}.footer__nav{margin-top:50px;background:var(--nav-color)}.footer__nav .container{display:flex;justify-content:space-between;align-items:center;padding:20px}.phone,.sms{font-size:20px}body.dark .footer__img--insta,body.dark .footer__img--tg{filter:brightness(0) invert(1)}.me__img{width:200px;height:200px;object-fit:cover;border-radius:15px}.me__box1{text-align:center;font-size:30px;margin:30px auto}.me__desc{max-width:700px;font-size:20px}.me__box2{display:flex;justify-content:space-evenly;align-items:center}.me__btn{font-size:30px;color:var(--links-color)}.me__gallery{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;flex-direction:column}.me__photos{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.me__photos img{object-fit:cover;max-height:300px;max-width:300px;border-radius:10px;box-shadow:0 0 15px #82808066}.me__close{background:red;border:none;color:#fff;font-size:20px;padding:8px 12px;border-radius:6px;margin-bottom:15px;cursor:pointer}.me__img{max-width:200px}.me__box4{display:flex;gap:10px}.navbar__moon{max-width:30px;width:100%}.navbar__nav{background:var(--nav-color)}.navbar__box1{display:flex;justify-content:space-between;padding-top:10px;padding-right:15px;padding-left:15px}.navbar__box2{margin-top:20px;padding-right:10px;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.navbar__menu{display:flex;gap:30px;font-size:20px}.navbar__title{font-size:30px;font-weight:500}.navbar__links{transition:.5s}.navbar__links:hover{color:var(--text-color-reverse)}.navbar__moon{max-height:30px;height:100%;max-width:30px;width:100%;transition:.3s ease-in-out}.navbar__btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.works__title{font-size:30px;margin:30px auto}.works__box1{display:flex}.works__desc{max-width:700px;font-size:20px}.works__box2{display:flex;align-items:center;gap:100px}.works__box4{display:flex;flex-direction:column;align-items:center;color:var(--links-color)}.works__img{width:500px;height:200px;object-fit:contain;border-radius:15px;margin-bottom:15px}.works__link{font-size:20px}.works__desc{text-align:start}.works__box3{text-align:center}.works__box2--reverse{flex-direction:row-reverse}@media (max-width: 1200px){.container{max-width:960px}.works__box2{gap:15px}}@media (max-width: 992px){.container{max-width:720px}.me__box4{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px}.me__box2{display:block;text-align:center}.me__box2 .me__btn{margin-top:15px}.works__box2{display:block}.works__box2 .works__desc{text-align:center}.works__box2 .works__img{margin-top:15px}.phone,.sms{font-size:16px}}@media (max-width: 768px){.container{max-width:540px}.aboutme__img{margin-top:20px}.aboutme{height:800px}.aboutme__box6{display:flex;flex-direction:column;text-align:center}.aboutme__box9{display:flex;justify-content:center;gap:10px;align-items:center}.aboutme__box1{display:block;text-align:center}.aboutme__box1 .aboutme__img{margin-top:20px}.navbar .navbar__title{font-size:25px}.navbar .navbar__links{font-size:15px}.navbar .navbar__moon{max-width:25px}.aboutme .aboutme__title{font-size:25px}.aboutme .aboutme__desc{font-size:16px}.aboutme .aboutme__img{max-width:150px}.me .me__title{font-size:25px}.me .me__desc{font-size:16px}.me .me__btn{font-size:25px;margin-bottom:10px}.works .works__title{font-size:25px}.works .works__desc{font-size:16px}.works .works__img{width:350px;height:150px;border-radius:0}.works .works__link{font-size:18px;margin-bottom:15px}.footer .footer__img{max-width:38px}}@media (max-width: 400px){.navbar .navbar__box2{display:flex;flex-direction:column}.navbar .navbar__menu{margin-top:25px;flex-direction:column;text-align:center;gap:15px}.navbar .navbar__links{font-size:18px}.aboutme .aboutme__img{max-width:100px}.me .me__btn{font-size:20px}.works .works__img{width:250px;height:100px}.footer .container{flex-direction:column;gap:30px}}