:root{box-sizing:border-box;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:15px;--white: #ffffffd5;--black: #121212;--muted: #c7c6c665;--font-muted: #7e7e7e;--bg: #353535;--bg-alt: #121212;--main-color: #ff0050;--filter-backdrop: drop-shadow(0px 2px 2px rgba(0, 0, 0, .308));--skeleton: #242424}input,button{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:15px}html,body{padding:0;margin:0;height:100%;width:100vw;position:relative;background:#000}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}*{-webkit-tap-highlight-color:transparent}.modal-container,.comment-d-container{position:fixed;top:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:300}.modal-backdrop,.comment-d-backdrop{position:fixed;bottom:0;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;opacity:.5;background-color:#000;transition:opacity .2s;cursor:pointer}.modal-content{z-index:4;background-color:var(--bg-alt);width:100vw;max-width:500px;height:90dvh;max-height:fit-content;padding:17px;margin:17px;position:relative;filter:var(--filter-backdrop);color:var(--white);border-radius:21px;overflow:hidden}.modal-header{display:flex;justify-content:center;align-items:center;padding-bottom:23px;margin-bottom:21px;font-size:15px;border-bottom:1px solid var(--muted);font-weight:700}.modal-header svg,.comment-d-header svg{height:15px;width:15px;padding:13px;position:absolute;right:10px;top:10px}.modal-header svg:hover,.comment-d-header svg:hover{background-color:#2e2e2e;clip-path:circle();cursor:pointer}.modal-header svg:active,.comment-d-header svg:active{background-color:#2e2e2e85;clip-path:circle();cursor:pointer}.modal-body{height:calc(100% - 51px);overflow:auto;max-height:fit-content}.skills{padding:0 11px}.skills ul{list-style-type:none;margin:0 0 21px;color:var(--white);padding:0 0 0 11px}.skills-header{margin-bottom:9px;font-weight:700;font-size:13px;color:var(--white)}.skills ul li{margin-bottom:4px;border-radius:9px;font-size:13px;padding-left:11px;background-color:#8f8f8f;box-shadow:inset 2px 5px 10px #0000004d;position:relative;z-index:1;overflow:hidden;font-weight:700}.skills ul li span{display:block;width:70px;height:100%;position:absolute;z-index:-1;top:0;left:0;background-color:#db084bd2;border-radius:9px;text-align:end;padding-right:9px;filter:brightness(100%)}.contact-icon-container{display:flex;gap:15px;justify-content:center}.contact-icon-container a{color:var(--white);background-color:#303030;padding:19px;display:flex;justify-content:center;align-items:center;clip-path:circle()}.contact-icon-container a:hover{background-color:var(--main-color)}.contact-icon-container svg{height:19px;width:19px}.side-nav-btns svg{width:25px;height:25px;color:var(--white)}.side-nav-btns{display:flex;flex-direction:column;gap:4px}.side-nav-btns-item{display:flex;gap:17px;align-items:center;padding:0 8px;border-radius:8px;cursor:pointer;min-height:48px}.side-nav-btns-item:hover{background-color:var(--bg)}.side-nav-btns-item span{font-size:17px;font-weight:700;color:var(--white)}.page-footer{border-top:1px solid var(--muted);padding-top:13px;color:var(--font-muted);display:flex;flex-direction:column}.form-body-input-container button,.offcanvas-left-content button,.login-bar-container button{border:none;outline:none;padding:11px;width:330px;border-radius:9px;background-color:var(--main-color);color:var(--white);font-weight:700;font-size:17px;margin-top:15px;cursor:pointer}.offcanvas-left-content-btn.logout button,.login-bar-container .logout{background-color:transparent!important;border:1px solid var(--main-color)!important;color:var(--main-color)!important}.login-bar-container .logout:hover{background-color:#ff00511f!important}.loader{width:13px;padding:4px;aspect-ratio:1;border-radius:50%;background:var(--main-color);--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.comment-d-footer input,.bottom-tray-add-comment input{background-color:transparent;border:none;outline:none;color:var(--white);width:90%}.comment-d-footer .comment-d-post-btn,.bottom-tray-add-comment span{font-weight:700;color:var(--muted)}.bottom-tray-container{position:fixed;bottom:0;z-index:3;width:100%;height:100%;background-color:#33333315;display:flex;flex-direction:column;z-index:2000}.bottom-tray-backdrop{height:30%}.bottom-tray-content{display:flex;flex-direction:column;border-top-left-radius:16px;border-top-right-radius:16px;height:70%;background-color:var(--bg-alt);transform:translateY(100%);transition:transform .4s ease}.bottom-tray-content.open{transform:translateY(0)}.bottom-tray-content.close{transform:translateY(100%)}.bottom-tray-header{display:flex;justify-content:center;font-weight:700;padding:16px;font-size:13px;height:fit-content;color:var(--white)}.bottom-tray-body{overflow-y:auto;height:100%}