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

body{
    background: linear-gradient(
        #AD8B73, 
        #CEAB93, 
        #E3CAA5, 
        #FFFBE9
    );
    min-height: 100vh;
    margin: 0;
    background-attachment: fixed;
}

header{
    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 auto;
        border-radius:10px;
        border: 1px solid #ddd;
        border-top: none;
        text-align: center;
        max-width:800px;
        
        }

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

code {
    color: #e06c75;
}

.card-link {
    display:inline-block;
    margin-top:15px;
    padding:10px 18px;
    background:#CEAB93;
    color:white;
    text-decoration:none;
    border-radius:6px;
    font-weight:bold;
   }