.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#333;color:white}.logo{width:100px}.navbar{display:flex}.navbar a{padding:10px;text-decoration:none;color:white}@media screen and (max-width:600px){.header{flex-direction:column;align-items:flex-start}.navbar{flex-direction:column}.navbar a{padding:10px 0}}.particles-js-canvas-el{position:absolute;left:0;top:0}.image-hue{animation:img-hue 20s infinite}.image-blur{filter:drop-shadow(1px 1px 10px #031c49);-webkit-filter:drop-shadow(1px 1px 10px #031c49);animation:img-blur 10s infinite}.background-animate{animation:Gradient 5s ease infinite}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes img-blur{50%{filter:drop-shadow(8px 8px 20px #031c49);-webkit-filter:drop-shadow(8px 8px 20px #031c49)}}@keyframes img-hue{50%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}}@keyframes Gradient{50%{background-color:#031c49}}