/* CSS Document */
* {box-sizing: border-box;}
body {font-family: Arial, Helvetica, sans-serif;}

header {background-color: rgb(153,204,255);
        padding: 30px ;
        text-align: center;
        font-size: 35px;
        color: black;}

nav {float: left;
     width: 30%;
     height: 2000px;
     background: rgb(204,102,153);
     padding: 20px ;}
     
nav ul {list-style-type: none;
       padding: 0 ;}
       
article {float: left;
        padding: 20px ;
        width: 70%;
        background-color: rgb(255,204,204);
        height: 2000px}
        
section::after {content: "";display: 
               table;
               clear: both;}
               
footer {background-color: rgb(0,102,255);
       padding: 10px ;
       text-align: center;
       color: black;}
       
@media (max-width: 600px;) {
nav, article{width: 100%; height: auto;}
}