html {
    background-color:black;
    font-family:monospace;
}
body {
    width:450px;
    margin: 0 auto;
    background-color:cadetblue;
}
#actFormat {
    display:flex;
    flex-direction:column;
    
    height:100vh;
    gap:2%;
}

#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%;
}
#shop {
    background-color:rgb(0, 255, 136);
}
#shop > a {
    color:black;
    text-decoration:none;
    font-size:200%;
    position:relative;
    border: 2px solid black;
    margin-left:25%;
    margin-right:25%;
    border-radius:8%;
    background-color:#09ff00;
}
.notShop {
    background-color:#d4f0d9;
}
#actFormat > button {
    display:flex;
    flex-direction:column; 
    border-radius:10%;
    border: 3px solid black;
    justify-content:center;
    height: 25%;
    font-size:100%;
    
    
}

.actName {
    font-size:200%;
    position:relative;
    border: 2px solid black;
    margin-left:25%;
    margin-right:25%;
    border-radius:8%;
    background-color:yellow;
}