.header{position:fixed;display:flex;align-items:center;justify-content:center;top:0;height:100px;width:100%;font-family:Poppins;box-sizing:border-box;z-index:10;transition:box-shadow .35s,background-color .35s}.header-menu{position:fixed;display:none;top:0;right:0;font-size:34px;line-height:1;color:#333;text-decoration:none;padding:14px 20px;z-index:10}.header-menu:before{content:"\e908";font-family:website;mix-blend-mode:difference}.header-list{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;padding:0;margin:0;list-style-type:none}.header-shadow{box-shadow:0 0 2px #ccc;background-color:#fffffff0}.header-logo{height:40px}.header-link,.header-link:visited{position:relative;display:flex;color:#333;text-decoration:none;text-transform:uppercase;padding:12px 10px;margin:0 .5vw;transition:color .35s}.header-link:hover,.header-list:hover>span{color:black}.header-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:#ffd66c;transition:width .35s,left .35s}.header-link:hover:before,.header-list:hover>span:before{left:0;width:100%}.header-contact{animation:header-contact 10s infinite 2s}@keyframes header-contact{0%,12%,100%{transform:scale(1)}6%{transform:scale(1.1)}}.header-list ol{position:absolute;top:100%;left:0;max-height:0;padding:0;white-space:nowrap;margin:0;background-color:white;box-shadow:0 0 2px #ccc;list-style-type:none;overflow:hidden;opacity:0;transition:max-height .35s,opacity .35s}.header-list li:hover>ol{max-height:150px;opacity:1}.rect-header-left{top:-150px;left:-140px;transform-origin:center;transform:rotateZ(65deg)}.rect-header-right{top:-150px;right:-90px;transform-origin:center;transform:rotateZ(78deg)}.rect-header-bottom{right:calc(-180px + 3vw);top:calc(100% - 130px);transform-origin:center;transform:rotateZ(-18deg)}