body {
    margin: 0;
    padding: 0;

    font-family: sans-serif;
}

.hero-img {
    width: 100vw;
}

h1 {
    color: rgb(63, 7, 96);
    text-transform: uppercase;
}

h2 {
    color: rgb(132, 128, 240);
}

p {
     padding: 0 0 30 0px;
}

div {
    height: 200px;
}

a {
    text-transform: uppercase;
    text-decoration: none;
    background-color: rgb(36, 15, 83);
    padding: 20px;
    border-radius: 10px;
    color: white;
}

a:hover{
    color: rgb(36, 15, 83);
    background-color: rgb(210, 135, 223);
}