html {
   
    font-family:monospace;
    background:black;
}
body {
    width:450px;
    margin: 0 auto;
    background-color:cadetblue;
}
#back {
    height:8%;
    font-size:150%;
    border-radius:10%;
    margin-left:3%;
    width:min-content;
    height:min-content;
    padding:3%;
    background-color:lightblue;
    color:black;
    text-decoration:none;
    margin-bottom:2%;
}

#choreFormat {
    
    display:flex;
    flex-direction:column;
    gap:5%;
    height:100vh;

}

.chore {
    border: 4px solid black;
    border-radius:5%;
    height:33%;
    width:90%;
    margin-left:5%;
    background-color:#d4f0d9;
}
.chore > button {
    position: relative;
    width:80%;
    text-align:center;
    margin-left:10%;
    height:20%;
    font-size:120%;
    margin-top:2%;
    background-color:yellow;
    border-radius:6%;
}
a > button {
    position: relative;
    width:60%;
    text-align:center;
    margin-left:20%;
    height:20%;
    font-size:125%;
    margin-top:2%;
    background-color:rgb(0, 255, 0);
    border-radius:6%;   
}
.chore > p {
    width:80%;
    margin-left:10%;
    font-size:120%;
}