* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background: linear-gradient(
        #819A91, 
        #A7C1A8, 
        #D1D8BE, 
        #EEEFE0
    );
    min-height: 100vh;
    margin: 0;
    background-attachment: fixed;
}

header{
    background:#819A91;
    color:#EEEFE0;
    text-align:center;
    padding:10px 10px;
}

header h1{
    font-size:30px;
}

header p{
    margin-top:10px;
    opacity:0.8;
}

fieldset{
        background-color:#EEEFE0;
        padding:20px;
        margin:20px ;
        border-radius:10px;
        border: 1px solid #ddd;
        border-top: none;
        
        }

legend{
    text-align: center;
    font-weight: bolder;
}

code {
    color: #e06c75;
}

fieldset > img {
    float: left;
    margin-right: 1em;
}

.contener img{
   float : right;
}