@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body{
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
 
}
img{
    max-width: 100%;
}
* {
    padding: 0;
    margin: 0;
}
div {
    margin: 3px;
   
}
@media screen and (max-width: 480px) {
    section a {
        background: #673ab7;
        border: 1px solid #ff5722;
        padding: 0px 18px;
        color: #fff;
    }
    
    .container{
        max-width:450px;
    }

  }@media screen and (max-width: 678px) {
    section a { 
        background: #673ab7;
        border: 1px solid #ff5722;
        padding: 0px 18px;
        color: #fff;
    }
    .container{
        max-width:500px;
    }

  }