*{font-family:Roboto,sans-serif;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}* ::-webkit-scrollbar{display:none}:root{--background: #f1f1f1;--background-dte: #555;--font_color: black;--primary: #aaa;--primary-contrast: #555;--fade-color: rgba(241, 241, 241, 1);--fade-color-transparent: rgba(241, 241, 241, 0);--brand-name-background: rgba(241, 241, 241, .3);--brand-name-experience: #aaa;--socials-color: #ccc;--experience-hover-name: #222 }.dark-mode{--background: #222;--background-dte: #f1f1f1;--font_color: white;--primary: #555;--primary-contrast: #aaa;--fade-color: rgba(34, 34, 34, 1);--fade-color-transparent: rgba(34, 34, 34, 0);--brand-name-background: rgba(34, 34, 34, .3);--brand-name-experience: #aaa;--socials-color: #777;--experience-hover-name: #aaa }.container{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--background);touch-action:none}.brand-name{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2000;transform:rotate(180deg)}.brand-name:active{transform:rotate(0)}@media (hover: hover) and (pointer: fine){.brand-name:hover{transform:rotate(0)}}.brand-name-button{width:110px;height:30px;color:var(--font_color);cursor:pointer;border:none;background-color:var(--brand-name-background);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-weight:700;font-size:1rem;letter-spacing:2px}hr{border:none;border-top:2px solid var(--socials-color);width:80%}.contact-div{width:100%;padding-bottom:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.contact-div a{font-size:20px;color:var(--socials-color);text-decoration:none;cursor:pointer}@media (hover: hover) and (pointer: fine){.contact-div a:hover{color:var(--primary-contrast)}}.contact-div a:active{color:var(--primary-contrast)}.navigate-back-btn{position:fixed;top:10px;right:10px;z-index:15}.navigate-back-btn a{text-decoration:none;color:var(--font_color)}@media (hover: hover) and (pointer: fine){.navigate-back-btn a:hover{font-weight:700}}.navigate-back-btn a:active{font-weight:700}.bold{font-weight:600}