header{position:sticky;top:0;background-color:var(--background-one);z-index:1000;width:100%}.navbar-container{display:flex;justify-content:flex-start;align-items:center;padding:5px 20px;background-color:var(--background-one);gap:40px}h1{margin:0;font-size:2em;white-space:nowrap;color:var(--color-three)}.invisible-text{color:transparent;text-shadow:none}.nav-menu{display:flex;list-style-type:none;margin-left:auto;padding:0}.nav-item{margin-left:25px}.nav-link{color:var(--text-color);text-decoration:none;transition:color .3s ease;cursor:pointer;margin-right:1rem;font-size:18px;font-weight:500}.nav-link i{margin-right:.4rem}.nav-link:hover{color:var(--color-three)}.menu-icon{display:none}@media screen and (max-width:1230px){h1{font-size:calc(1.2em + .8vw);white-space:normal;word-wrap:break-word}}@media screen and (max-width:768px){body{font-size:1em}.navbar-container{flex-wrap:wrap;justify-content:space-between;position:relative}h1{max-width:calc(100% - 40px);order:1;flex-basis:100%;margin-bottom:10px}.menu-icon{display:flex;order:2;flex-direction:column;justify-content:space-around;width:30px;height:25px;transition:transform .3s ease;margin-left:auto;background-color:transparent;border-radius:3px}.nav-menu{order:3;display:none;position:absolute;top:100%;right:0;flex-direction:column;background-color:var(--background-one);border-radius:8px;width:200px;padding:10px;border:1px solid;border-color:var(--background-two) var(--background-four) var(--background-four) var(--background-two);box-shadow:var(--box-shadow)}.nav-menu.active{display:flex;flex-direction:column;align-items:flex-start;padding:20px}.nav-item{margin:15px 0}.sidebar-toggle{display:flex;flex-direction:column;justify-content:space-around;margin-left:-6px;width:30px;height:25px;position:fixed;top:56px;left:20px;z-index:1002;background-color:transparent;border-radius:3px}.menu-icon .bar,.sidebar-toggle .bar{width:100%;height:4px;background-color:var(--text-color);transition:all .3s}.menu-icon:hover .bar,.sidebar-toggle:hover .bar{background-color:var(--color-three);transform:scale(1.1);cursor:pointer}.menu-icon.active .bar:first-child,.sidebar-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-icon.active .bar:nth-child(2),.sidebar-toggle.active .bar:nth-child(2){opacity:0}.menu-icon.active .bar:nth-child(3),.sidebar-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7.3px,-7.3px)}@media screen and (max-width:480px){h1{font-size:1.2em}}}