@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--background: #fff;--text-color: #000}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--light, #e5e5e5)}::-webkit-scrollbar-thumb{background:var(--accent-green, #588157);border:4px solid var(--light, #e5e5e5);border-radius:25px}body{background:var(--cream, #fdfaf9);color:var(--text-black, #000);overflow-x:hidden}h2{color:var(--text-black, #000);font-size:50px;font-weight:800;text-align:center}svg{margin:-2% 0}@media (max-width: 768px){h2{font-size:35px;font-weight:800}}:root{--light: #e5e5e5;--accent-green: #588157;--cream: #fdfaf9;--text-black: #000}.about-container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 140px 40px}@media (max-width: 1200px){.about-container{height:auto;flex-direction:column;gap:20px;margin-top:0;padding:30px 0}}.about-container .about-container__left-part{width:400px;height:100%}@media (max-width: 1200px){.about-container .about-container__left-part{width:100%;height:auto;display:flex;justify-content:center}}.about-container .about-container__right-part{width:70%;height:100%}@media (max-width: 768px){.about-container .about-container__right-part{width:100%;height:auto}}.about-description{height:100%;display:flex;flex-direction:column;justify-content:center;gap:25px;padding:10px}@media (max-width: 768px){.about-description{padding:0}}.about-description .about-description__title{color:#000;font-size:22px;font-weight:700}.about-description .about-description__desc{color:#000;font-size:18px;font-weight:400}.about-description .about-description__social-media{margin-top:15px;display:grid;grid-template-columns:230px 10px;grid-template-rows:1fr 1fr;gap:20px}@media (max-width: 768px){.about-description .about-description__social-media{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:15px}}.about-description .about-description__media{display:flex;align-items:center;gap:10px}.about-description .about-description__link{color:#000;font-size:18px;font-weight:400}.about-description .about-description__link:focus,.about-description .about-description__link:hover{text-decoration:3px #588157 underline}.about-description .about-description__media i{color:#000;font-size:25px;background:#a4caac;border-radius:50px;padding:10px;transition:.2s}.default-section{position:relative;width:100%}.eye-follow{width:180px;height:180px;border-radius:50%;background:#fff;border:1px solid #d6d6d6;position:relative;overflow:hidden}@media (max-width: 1200px){.eye-follow{width:130px;height:130px}}@media (max-width: 768px){.eye-follow{width:70px;height:70px}}.eye-follow .pupil{width:125px;height:125px;background:#000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease-out}@media (max-width: 1200px){.eye-follow .pupil{width:90px;height:90px}}@media (max-width: 768px){.eye-follow .pupil{width:50px;height:50px}}.footer-embed{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 160px;background:#e5e5e5}@media (max-width: 768px){.footer-embed{flex-direction:column-reverse;padding:20px}}.footer-embed .footer-embed__text{font-size:18px}@media (max-width: 768px){.footer-embed .footer-embed__text{margin-top:20px;text-align:center}}.footer-embed .footer-embed__link{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#6e8a71;border-bottom:4px solid #3a553a;border-radius:10px;transition:.1s;cursor:pointer}.footer-embed .footer-embed__link i{color:#fff;font-size:30px}.footer-embed .footer-embed__link:focus,.footer-embed .footer-embed__link:hover{border-bottom:6px solid #3a553a}.footer-embed .footer-embed__link:active{border-bottom:none}.game-project{width:100%;height:250px;background:#f5f5f5;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;transition:.1s}.game-project:hover{background:#ebebeb}.game-project .game-project__header{width:100%;display:flex;justify-content:space-between;align-items:center}.game-project .game-project__title{font-size:25px;font-weight:700}.game-project .game-project__link{width:80px;height:50px;color:#fff;font-size:35px;display:flex;justify-content:center;align-items:center;background:#8bb090;border-bottom:4px solid #6e8a71;border-radius:10px;transition:.1s;cursor:pointer}.game-project .game-project__link:focus,.game-project .game-project__link:hover{border-bottom:6px solid #6e8a71}.game-project .game-project__link:active{border-bottom:none}.game-project .game-project__description{font-size:16px;font-weight:400}.game-project .game-project__toolslist{width:100%;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.game-project .game-project__tool{padding:0 10px;background:#b8cfbb;border-radius:5px;font-size:14px;font-weight:500}.header-embed{position:fixed;top:0;background:#fdfaf9;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:40px 160px;z-index:1000}@media (max-width: 768px){.header-embed{padding:40px 20px}}.header-navbar .header-navbar__navigation a,.header-navbar .header-navbar__navigation .header-navbar__copy-btn{text-decoration:none;color:#000;font-size:18px;font-weight:600;-webkit-user-select:none;user-select:none;background:none;border-radius:60% 40% 58% 42%/42% 48% 52% 58%;margin-left:10px;padding:10px;cursor:pointer;transition:.2s}.header-navbar .header-navbar__navigation a:focus,.header-navbar .header-navbar__navigation a:hover,.header-navbar .header-navbar__navigation .header-navbar__copy-btn:focus,.header-navbar .header-navbar__navigation .header-navbar__copy-btn:hover{background:#84a98c}.header-navbar .header-navbar__copied-tag{display:none;position:absolute;top:80px;right:70px;padding:10px;border-radius:10px;border-bottom:4px solid rgba(255,255,255,.5058823529);border-left:4px solid rgba(255,255,255,.5058823529);background:#84a98c;text-align:center;gap:10px;color:#fff;font-size:20px;font-weight:600;transform:rotate(-10deg)}@media (max-width: 768px){.header-navbar .header-navbar__copied-tag{top:270px;right:30px;padding:5px;transform:rotate(0)}}.header-navbar .header-navbar__copied-tag.show{display:inline-block}.header-navbar #menu-icon,.header-navbar #close-icon{color:#000;font-size:36px;cursor:pointer;display:none}@media (max-width: 768px){.header-navbar #menu-icon,.header-navbar #close-icon{display:block}.header-navbar .header-navbar__navigation{position:absolute;top:79px;left:0;width:100%;height:auto;background:#ececec;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:15px 10px;z-index:1;transform:translate(100%);transition:transform .5s ease}.header-navbar .header-navbar__navigation.active{transform:translate(0)}.header-navbar .header-navbar__navigation a,.header-navbar .header-navbar__navigation .header-navbar__copy-btn{display:block;margin-left:6px;margin-top:10px;font-size:20px;font-weight:500;color:#000;border-radius:0;transition:transform .25s ease}.header-navbar .header-navbar__navigation a:hover,.header-navbar .header-navbar__navigation .header-navbar__copy-btn:hover{background:none;text-decoration:3px #588157 underline}}.logo .logo__tag{color:#000;font-size:30px;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo .logo__tag span{display:inline-block;transition:transform .3s ease}.logo .logo__tag:focus span{animation:bounce .6s ease forwards}.name-part{display:flex;flex-direction:column;justify-content:center;align-items:center}.name-part .name-part__first-name,.name-part .name-part__last-name{display:flex;justify-content:center;align-items:center;font-size:200px;font-weight:800;-webkit-user-select:none;user-select:none;margin:-2% 0}@media (max-width: 1200px){.name-part .name-part__first-name,.name-part .name-part__last-name{font-size:150px}}@media (max-width: 768px){.name-part .name-part__first-name,.name-part .name-part__last-name{font-size:72px}}.name-part .name-part__last-name{margin-left:35%}@media (max-width: 768px){.name-part .name-part__last-name{margin-left:20%}}.projects-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 145px}@media (max-width: 768px){.projects-container{padding:40px 0}}.projects-container .project-selector{width:auto;height:80px;display:inline-flex;justify-content:center;align-items:center;gap:30px;background:#f5f5f5;border-radius:15px;padding:20px}@media (max-width: 768px){.projects-container .project-selector{width:100%;height:70px;padding:10px 5px;gap:10px}}.projects-container .project-selector .project-selector__btn{width:120px;height:50px;display:flex;justify-content:center;align-items:center;background:#709775;border-bottom:5px solid #5e7461;border-radius:10px;color:#fff;font-size:18px;font-weight:600;-webkit-user-select:none;user-select:none;transition:.1s;cursor:pointer}@media (max-width: 768px){.projects-container .project-selector .project-selector__btn{width:100px}}.projects-container .project-selector .project-selector__btn:focus,.projects-container .project-selector .project-selector__btn:hover{background:#78a07e;border-bottom:7px solid #5e7461}.projects-container .project-selector .project-selector__btn:active{border-bottom:none}.projects-container .project-list-container{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 768px){.projects-container .project-list-container{grid-template-columns:repeat(1,1fr)}}.television{position:relative;width:335px;height:335px;background:#84a98c;border-radius:20px;border-bottom:5px solid #588157;border-right:5px solid #588157;padding:20px;overflow:hidden}.television .television__btn-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center;max-width:80%}.television .television__btn{width:12px;height:12px;border:none;border-radius:50%;cursor:pointer;outline:none}.television .television__btn.erase{width:18px;height:18px;font-size:12px;background:#e0e0e0;color:#333;border-radius:4px}.television .television__knob{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#444;border:2px solid #000;border-radius:50%;cursor:ns-resize;transition:transform .2s ease}.television .television__screen{position:relative;width:100%;height:90%;background:#fdfaf9;border:2px solid #000;border-radius:15px;overflow:hidden}.television .television__img{width:100%;height:110%;display:block}.television .drawing-canvas{position:absolute;top:0;left:0;z-index:10;pointer-events:auto}.utilities-project{width:100%;height:250px;background:#f5f5f5;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;transition:.1s}.utilities-project:hover{background:#ebebeb}.utilities-project .utilities-project__container{width:100%;display:flex;justify-content:space-between;align-items:center}.utilities-project .utilities-project__title{font-size:25px;font-weight:700}.utilities-project .utilities-project__link{width:80px;height:50px;color:#fff;font-size:35px;display:flex;justify-content:center;align-items:center;background:#8bb090;border-bottom:4px solid #6e8a71;border-radius:10px;transition:.1s;cursor:pointer}.utilities-project .utilities-project__link:focus,.utilities-project .utilities-project__link:hover{border-bottom:6px solid #6e8a71}.utilities-project .utilities-project__link:active{border-bottom:none}.utilities-project .utilities-project__description{font-size:16px;font-weight:400}.utilities-project .utilities-project__toolslist{width:100%;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.utilities-project .utilities-project__tool{padding:0 10px;background:#b8cfbb;border-radius:5px;font-size:14px;font-weight:500}
