@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

body{
    background: #9A2EFE;

}
input{
    background-color: #9A2EFE;
    border:1px solid #9A2EFE;
    border-radius:4px;
    box-shadow: 0px 2px 2px rgb(44, 41, 41);
    display:inline-block;
    cursor:pointer;
    font-family:Verdana;
    font-weight:bold;
    font-size:13px;
    padding:6px 15px;
    text-decoration:none;
    margin-top: 50px;
    position: flex;
    margin-left: 10%;

}
.cour{
        width: 65%;
        background: white;
        height: 90%;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        color: white;
    }
h1{
    margin-top: 50px;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: #AC58FA;
    text-decoration: underline; /* sublinhado */
}
p{
    margin-top: 40px;
    font-family: 'Playfair Display', serif;
    margin-left: 30px;
    margin-top: 120px;
    color: black;
}
.cour p b {
    color: #AC58FA;
}

.photo img{
    position: absolute;
    margin-top: 14.7%;
    left: 66%;
    width: 20%;
    height: 480px;
}

@media(max-width: 700px){
    body{
        max-height: 100px;
    }
    .cour{
        width: 70%;
    }
    input{
        margin-left: 1%;
        margin-top: 4%;
    }
}