@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{height:100%;padding:0;margin:0;font-family:Poppins}html{height:100%}*{box-sizing:border-box}header{background-color:#666;padding:30px;text-align:center;font-size:35px;color:#fff}section{display:flex}.input-form{flex-grow:5}nav{flex:1;background:#a2a0a0;padding:5px}nav ul{list-style-type:none;padding:0;display:flex}nav ul li{margin-right:10px;background-color:#d2d2d2;padding:10px;border-radius:5px}nav ul li:hover{background-color:pink}nav ul li a{text-decoration:none}.content-title{padding:20px}article{background-color:#f1f1f1;padding:10px}.aside{background-color:#d2d2d2;padding:20px;max-width:250px}.aside h2{font-style:italic}footer{background-color:#777;padding:10px;text-align:center;color:#fff;width:100%}.img-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}img{border:10px solid white;border-radius:5px;box-shadow:0 10px 23px 19px #0000001a}.video-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.video{border:10px solid white;border-radius:5px;box-shadow:0 10px 23px 19px #0000001a}.account-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:50px 0 150px}.belepes,.reisztracio{padding:0 20px;border-radius:10px;box-shadow:5px 16px 18px 20px #0000001a;background-color:#f9f9f9;width:300px;height:350px}form input,form label,form button{display:inline-block;margin-bottom:10px;width:100%}input{border-radius:5px;padding:8px;border:1px solid gray}input[type=checkbox]{display:inline;width:5%}input[type=checkbox]+label{display:inline}h3{margin-bottom:20px}form button{padding:10px 20px;margin-left:20px;cursor:pointer;border:none;border-radius:10px;width:auto}.buttons{padding-top:20px}.belepes button:first-of-type{background-color:green;color:#fff}.belepes button:last-of-type{background-color:#c82828;color:#fff}.reisztracio button{background-color:#0e8d0e;color:#fff;display:block;margin:20px auto auto}@media (max-width: 600px){section{flex-direction:column}nav ul{flex-direction:column;align-items:center;width:100%}nav ul li{width:100%;text-align:center;margin:5px}.video-container{flex-direction:column}.video{width:100%}.img-container{flex-direction:column;gap:25px}img{width:100%}.content-title{text-align:center}.aside{width:100%;max-width:none}}