header{position:fixed;top:0;left:0;width:100vw;height:80px;display:flex;align-items:center;z-index:100;transition:background-color .5s}.scrolled-header-color{background-color:#fdfdfde6}.header-icon{margin-right:auto;padding-left:3vw;text-decoration:none;color:#0b0b0b}.header-icon img{height:100px;width:auto}.header-contents{margin-left:auto;padding-right:5vw}.header-link{text-decoration:none;color:#e6e6e6;margin-left:6vw;transition:color .3s}.header-contents a:hover{color:#ff5e00}.hamburger-menu{cursor:pointer;display:none;margin-right:30px;z-index:30}.hamburger-menu a{font-size:20px}.mobile-menu{display:none;position:fixed;box-sizing:border-box;background-color:#ffffffe6;box-shadow:0 8px 16px #0003;padding:60px 0 30px;top:0;right:0;z-index:25;opacity:0;visibility:hidden;transform:translate(100%);transition:opacity .5s,transform .5s,visibility .5s}.mobile-menu.open{display:block;opacity:1;visibility:visible;transform:translate(0)}.mobile-menu a{color:#000;padding:12px 50px;text-decoration:none;display:block;white-space:nowrap;transition:color .2s ease;text-align:right}.mobile-menu a:hover{color:#ff5e00}@media (max-width: 768px){header{width:100vw;height:60px;border-bottom-right-radius:200px}.header-icon{padding-left:15px;padding-left:2vw}.header-icon img{height:50px}.header-contents{display:none}.header-link{margin:2vw;font-size:14px}.hamburger-menu,.mobile-menu{display:block}}