:root{--dark-red:#8B0000;--very-dark-red:#660000;--background-black:#313131;--background-gray:#ddd;--spantaran:spantaran, Arial Black, Arial, Helvetica, sans-serif;--arial-black:Arial Black, Arial, Helvetica, sans-serif;--arial:Arial, Helvetica, sans-serif}@font-face{font-family:spantaran;src:url(../fonts/spantaran.ttf)format("truetype");font-display:swap}a{text-decoration:none}html{margin:0;padding:0}body{margin:0;padding:0;height:100%;background-color:var(--background-black)}#nav-button{position:absolute;top:2%;right:1%;border:0;margin:0;padding:0;cursor:pointer;background-color:initial;z-index:20;width:40px;height:24px}.nav-button-line{position:absolute;width:40px;height:4px;border-radius:4px;background-color:var(--dark-red);display:block;transform:translate(0,0)rotate(0);transition:top .25s ease 0s,transform .25s ease .25s}#nav-button-line-top{top:0;transform-origin:bottom left}#nav-button-line-mid{top:10px;transform-origin:bottom right}#nav-button-line-bot{top:20px;transform-origin:bottom right}#nav-button:hover .nav-button-line,#nav-button.is-open .nav-button-line{background-color:#fff}#nav-button:hover.is-open .nav-button-line{background-color:#000}#nav-button.is-open .nav-button-line{top:20px}#nav-button.is-closed .nav-button-line{transition:top .25s ease .25s,transform .25s ease 0s}#nav-button.is-open #nav-button-line-top{transform:translate(7px,0)rotate(-45deg);transform-origin:bottom left}#nav-button.is-open #nav-button-line-bot,#nav-button.is-open #nav-button-line-mid{transform:translate(-7px,0)rotate(45deg);transform-origin:bottom right}#nav-menu,#nav-menu-frame{position:fixed;box-sizing:border-box;top:0;min-height:100%;display:flex;flex-direction:column;align-items:flex-end;transition:300ms right cubic-bezier(.77,0,.175,1);z-index:10}#nav-menu{background:var(--dark-red)}#nav-menu-frame{background:#000;transform:scale(1.1)}#nav-menu.is-open,#nav-menu-frame.is-open{right:0}#nav-menu>a{font-size:3em;font-family:var(--spantaran);color:#fff}#nav-menu>a:hover{color:#000}#social-logos{margin-top:10px}#social-logos a{margin-left:2px}#social-logos a img:hover{transform:scale(1.2)}#social-logos .social-name{font-family:var(--spantaran);color:#fff;text-align:center;display:none;margin:0;padding:5px 0 0}#linked-in-link:hover~#linked-in-name{display:block}#facebook-link:hover~#facebook-name{display:block}#github-link:hover~#github-name{display:block}#whats-app-link:hover~#whats-app-name{display:block}@media(max-width:1023px){#nav-menu,#nav-menu-frame{width:100%;padding:50px 5% 0 0;clip-path:polygon(0 0,0 30%,20% 69%,110% 100%,100% 100%,100% 0)}#nav-menu{right:-100%}#nav-menu-frame{right:-200%}}@media(min-width:1024px){#nav-menu,#nav-menu-frame{width:58%;padding:50px 5% 0 0;clip-path:polygon(0 0,40% 60%,110% 100%,100% 100%,100% 0)}#nav-menu{right:-58%}#nav-menu-frame{right:-100%}}