*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#333;color:#fff;padding:20px 0;position:relative}.logo{font-size:24px;margin-right:auto}.nav ul{list-style-type:none;position:relative}.nav ul li{display:inline;margin-right:20px}.nav ul li a{color:#fff;text-decoration:none;position:relative;z-index:1}.nav ul li a:hover{color:gold}.wave{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.wave:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;opacity:.4;background:linear-gradient(to right,transparent,transparent,transparent,transparent,#924141,transparent,transparent,transparent,transparent,transparent);animation:wave-animation 4s linear infinite}@keyframes wave-animation{0%{transform:translate(-50%)}to{transform:translate(50%)}}#waveButton{position:absolute;left:0;top:100px;width:max(15vw,180px);height:max(2vw,24px);font-size:max(1vw,12px);background-color:#a28c8c;border-radius:20px;color:#fff;border-color:#5b5a5a}#mid{background-color:#5b5a5a;padding:20px;height:100%;align-items:center;justify-content:center;display:flex;color:#eaf7bb;background-image:url(fond_5.png);background-size:cover;background-position:center}#mid img{border-radius:100%;max-width:300px}#about{display:flex;max-width:1000px}#aboutText{padding-left:20px;display:flex;flex-direction:column;justify-content:center;font-size:20px}#about p{text-align:justify}@media screen and (max-width:1100px){.maximised #about{flex-direction:column;align-items:center}.maximised #about img{max-width:200px;margin-bottom:20px}.maximised #aboutText{padding-left:0}}.window{position:absolute;background-color:#bdbcbc;border:1px solid #ccc;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overContent{width:100%;height:100%;z-index:1;background-color:#fff;opacity:0;position:absolute}.title-bar{background-color:#737373;border-bottom:1px solid #ccc;padding:8px 12px;cursor:move;display:flex;justify-content:center}.title{font-weight:700}.window-controls button{background:none;border:none;cursor:pointer;margin-left:8px;font-size:12px;padding:4px}.window-controls{position:absolute;left:0}.window-controls button:hover{background-color:#ddd}.content{padding:12px;min-height:100px;width:100%;height:calc(100% - 2em);display:flex;align-items:center;justify-content:center}#root{height:100vh;width:100vw;display:flex;flex-direction:column}