quotes.css

/*.container{
    background-color: blue;
    height: 100%;
    width: 70%;
    margin-left: 200px;
    margin-right: 500px;
    margin-top: 100px;
}

.box{
    background: white;
    color: gray;
    height: 80%;
    width: 50%;
    margin: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 50px;
}
i{
    padding-left: 30px;
}
#quotes{
    text-align: center;
}
#btn{
    text-align: center;
    padding-bottom: 20px;
}
.button{
    background: aqua;
}
#author{
    padding-left: 70%;
    padding-right:0%;
}
 width: 70%;
   
    margin-left: 150px;
    padding-bottom: 10px;
    padding-top: 10px;
    */
section{
    background:gold;
    height: 150%;
    width: 70%;
   
    margin-left: 200px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 10px;
    border: 2px solid yellow;
   
}

.box{
    margin-top: 50px;
    margin-top: 50px;
    background: grey;
     margin-left: 80px ;
     margin-right: 80px ;
   box-shadow:5px 10px 5px  ;
   text-align: center;
   border-radius:100%;
   border: 5px solid white;
   color: white;
   font: 1em sans-serif;
   
}
#author{
    padding-left: 50%;
    padding-right:0%;
}
#i1{
    padding-right:400px;
}
#i2{
    padding-left:400px;
}
#p1{
    text-shadow: 2px 3px yellow;
    font-size: 40px;
}
#btn{
 
   background: gold;
   width: 100px;
   padding-top: 10px;
   height: 30px;
   margin-left: 500px;
   border: 2px solid white;
   border-radius: 10px;
   background: transparent;
}