.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}body{margin:0;padding:0;transition:all 0.3s}header{user-select:none;display:flex;flex-direction:column}header .top{display:flex;align-items:start;justify-content:space-between}header .logo{display:flex;align-items:center;font-size:2em;font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;line-height:1em;filter:invert(12%) sepia(51%) saturate(619%) hue-rotate(227deg) brightness(89%) contrast(96%)}header .logo p{max-width:200px;text-align:left;font-weight:bold;margin-left:10px}header .logo::before{content:"";display:block;background-image:url(../img/logo.png);background-size:contain;background-repeat:no-repeat;height:128px;width:128px}header ul.social{list-style:none}header ul.social li{float:left;padding:0 5px}header ul.social li a{transition:all 0.3s}header ul.social li a svg{fill:#583d72;width:24px;height:24px}header ul.social li a:hover svg{fill:#251930}header nav{margin-top:20px}header nav>ul{padding:0;list-style:none;display:flex;justify-content:space-between}header nav>ul>li{transition:all 0.3s;position:relative;float:left;display:flex;overflow:hidden}header nav>ul>li#about>a{width:190px}header nav>ul>li a{text-align:center;border:solid 2px #583d72;font-weight:bold;padding:10px 30px;background-color:#583d72;color:#fff}header nav>ul>li ul{padding:0;list-style:none;display:flex;justify-content:space-between;width:-webkit-fill-available;position:absolute;display:none;flex-direction:column;border:solid 2px #583d72;height:38px}header nav>ul>li ul li{transition:all 0.3s;position:relative;float:left;display:flex;overflow:hidden;padding:0 !important;margin:0 !important}header nav>ul>li ul li a{padding:10px 3px;border:none;padding-left:5px;padding-right:5px;width:100px}header nav>ul>li ul li a:hover{background-color:#583d72;color:#fff}header nav>ul>li:not(:first-child){margin-left:20px}header nav>ul>li::before,header nav>ul>li::after{content:"";width:32px;height:32px;background-color:#fff;display:block;position:absolute;border:solid 2px #583d72;z-index:9;pointer-events:none;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}header nav>ul>li::before{top:-11px;left:-26px}header nav>ul>li::after{bottom:-24px;right:-8px}header nav>ul>li:hover#about>a{visibility:hidden}header nav>ul>li:hover::before,header nav>ul>li:hover::after{border-color:#fff;background-color:#583d72}header nav>ul>li:hover a{background-color:#fff;color:#333}header nav>ul>li:hover ul{display:flex;flex-direction:row}a{color:#333;text-decoration:none}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width: 700px){header nav>ul>li::before,header nav>ul>li::after{content:none}header nav>ul>li{white-space:nowrap;padding:10px}header nav>ul>li:hover a{background-color:initial}}@media screen and (max-width: 768px){header nav>ul{flex-direction:column}header nav>ul>li{padding:0 !important;margin:5px 0 !important;width:100%}header nav>ul>li a{width:100% !important}header ul.social{flex-direction:column;display:flex}}

/*# sourceMappingURL=header.css.map */