*{margin:0;padding:0}#root{margin:0 auto;text-align:center;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-style:bold;width:100%}.header1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;background-color:#3b3e71;color:#fff;padding:10px;box-sizing:border-box}.header2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px;box-sizing:border-box}.img{flex-grow:2}ul{list-style-type:none;margin:0;padding:0}li{float:left}li :hover{color:purple}a{text-decoration:none;color:#000;display:block;padding:8px}.social-icon a{color:#fff;transition:.3s}.social-icon :hover{color:#000}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}