body{margin:auto;padding:30px;min-width:320px;max-width:1283px;font-family:sans-serif;color:#fff;background-color:#010101}h1{margin:0 0 30px}.container{background-color:#010101;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:25px}.section{margin-bottom:30px}.buttons_nav{margin-bottom:20px}button{margin-right:17px;margin-bottom:13px;padding:7px 15px;background-color:#1ab3e6;color:#000;cursor:pointer;border:none;border-radius:8px}button:hover{box-shadow:inset 0 0 50px #fff}.item p{margin:7px}canvas{width:250px;height:250px;border:1px solid grey}.footer{text-align:center;font-style:italic;font-size:13px;letter-spacing:1px;color:#fff}.footer a{color:#99ffe5;text-decoration:none}@media screen and (min-width: 705px){canvas{width:300px;height:300px}}@media screen and (min-width: 750px){body{padding:30px 50px}}@media screen and (min-width: 1385px){body{padding:30px 0}}