*{ margin: 0; padding: 0; box-sizing: border-box; } body{ background-color:crimson; } .ramka{ width:1200px; min-height: 800px; margin-left: auto; margin-right: auto; } header{ width:100%; height:400px; background-color:deepskyblue; border-radius:20px; margin-top:20px; padding-top: 100px; } #logo{ width:200px; height:200px; border:5px solid black; margin-left: auto; margin-right: auto; font-size: 50px; color: crimson; padding-top: 60px; padding-left: 50px; border-radius: 100px 5px 100px 5px; } } nav{ width:100%; height:80px; background-color:deepskyblue; border-radius:20px; margin-top:20px; text-align: center; } nav > a{ color:crimson; width: 200px; height:80px; font-size: 30px; display:inline-block; text-decoration: none; padding: 20px; } nav > a:hover{ background-color: crimson; color:deepskyblue; border-top:2px dotted deepskyblue; border-bottom:2px dotted deepskyblue; border-left: 2px dotted deepskyblue; border-right: 2px dotted deepskyblue; border-radius: 20px; } section{ width:100%; height:800px; background-color:deepskyblue; border-radius:20px; margin-top:20px; } footer{ width:100%; height:100px; background-color:deepskyblue; border-radius:20px; margin-top:20px; margin-bottom: 20px; }