body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
nav{
    background-color:black;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
nav a{
    color:white;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: bold;
}
.hero{
    background-color:white;
    padding: 80px 20px;
    text-align: center;
}
.hero h1{
    font-size:"30px";
    letter-spacing: 3px;
    color: white;
    text-shadow: 2px 2px 6px grey;
}
.section1{
    background-color: pink;
    padding: 60px 30px;
}
.section1 p{
    font-size: 18px;
    line-height: 30px;
    word-spacing: 5px;
}
.fixed{
    background-color: white;
    padding: 80px 20px;
    text-align: center;
    font-style: italic;
    color: white;
    text-shadow: 2px 2px 6px grey;
}
.fixed f1{
    font-size: 22px;
    letter-spacing: 2px;
    color: white;
    text-shadow: 2px 2px 6px grey;
}
.radial{
    background-color: rgb(113, 113, 206);
    padding: 80px 20px;
    text-align: center;
}
.radial r1{
    font-size: 22px;
    color: rgb(21, 21, 206);
    letter-spacing: 2px;
}
.blend{
    background-color: rgb(160, 160, 228);
    padding:80px 20px;
}
.blend b1{
    font-size: 22px;
    color: black;
}