@font-face {
   font-family:'roboto';
   src: url(Roboto-VariableFont_wdth\,wght.ttf);
}

body{
    margin-top: 5%;
    margin-bottom: 5%;
    background: #EEAECA;
    background: linear-gradient(180deg,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
    font-family:'roboto';
}
.titulo{
    border: auto;
    border-radius: 10px;
    border-width: 10px;
    background-color: #77418C;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #fcf8f5;

}
#container{
    border: #77418C 4px outset;
    height: auto;
    width: 500px;
    margin: auto;
    padding: 25px;
    background-color: #fcf8f5;
    text-align: center;
    
}
img{
    height: 100%;
    width: 100%;
    object-fit: scale-down;
}