principal.css

* {
    padding: 0;
    margin: 0;
}

body{
    background-image: linear-gradient(to right,rgb(0, 92, 197), rgb(90, 20, 220));
}

.button {
    background-image: linear-gradient(to right, rgb(20, 147, 220), rgb(17, 54, 71));
    border: none;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 20px 100px;
    cursor: pointer;
    height: 20px;
    border-radius: 8px;
}

.conteiner{
    background-color: rgb(255, 255, 255);
    height: 400px;
    width: 400px;
    display: grid;
    position: relative;
    left: 500px;
    top: 40px;
    border-radius: 8px;
    color: black;
}

.title{
    background-image: linear-gradient(to right, rgb(20, 147, 220), rgb(17, 54, 71));
    width: 340px;
    height: 50px;
    margin-top: 30px;
    font-family:sans-serif;
    border-radius: 8px;
    padding-left: 60px;
    padding-top: 5px;
    margin-left: 500px;
    color: whitesmoke;
    
}