Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- 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;
- }
- article{
- width: 100%;
- min-height: 100px;
- margin: 10px auto;
- padding: 10px;
- border: 2px dotted crimson;
- }
- *{
- 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;
- }
- article{
- width: 100%;
- min-height: 100px;
- margin: 10px auto;
- padding: 10px;
- border: 2px dotted crimson;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement