body {
    padding-left: 10%;
    padding-right: 10%;
width: auto;
padding-top: 50px;
text-align: center;
background-color: rgb(189, 102, 156, 0.7);
color: rgb(59, 28, 50);
font-family: sans-serif;
font-size: 110%;

}

p{
margin-top: -15px;
margin-bottom: 50px;
text-align: left;
font-size: 120%;
line-height: 140%;
}
.roky{
 text-align: center;
}
h1{
    font-size: 300%;
}
h2{
font-size: 200%;
}

h3{
font-size: 150%;
}

h4{
font-size: 120%;
font-weight: 500;
}

img{
width: 300px;
border: 2px solid rgb(59, 28, 50);
border-radius: 25%;
}

ul{
text-align: left;
font-family: sans-serif;
font-size: 120%;
line-height: 140%;
margin-left: -20px;
}
button {
    width: auto;
    margin: 20px;
    padding: 20px;
    background-color: rgb(59, 28, 50);
    border: 1px solid black ;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 3px;
}
a{
    text-decoration: none;
    font-size: 20px;
    font-family: sans-serif;
    color: rgb(189, 102, 156, 0.8);
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}
button:hover{
    background-color:  rgb(59, 28, 50, 0.8); 
}
blockquote{
    margin-top: 60px;
}

div{
   
}