html{
    background-color:#001F13;
    color:#C8D6D0;
}
nav a{
    color:#00E6A8;
}
nav a:hover{
    color:#00FFFF;
}
h1,h2{
    color: #00FF99;
    padding:10px;
}
#unlocked>ul{
    list-style-type:none;
    padding:0%;
    margin:0;
}
nav li{
    display:inline-block;
    margin: 0 15px;
}
body{
    margin:0px;
    text-align:center;
    font-family: "Silkscreen", sans-serif;
    font-weight: 400;
    font-style: normal;
}
main{
    padding: 10px;
    width:70%;
    margin: auto;
    border-radius: 25px;
    background-color: #012A1A;
}
#dial>img{
    height:200px;
    width:200px;
    border-radius: 50%;
    margin: 20px 0px;
    border: 15px solid #3A3A3A;
    box-shadow: 
    0 0 10px #00ff00,
    0 0 20px #00ff00;
}
#unlocked{
    background-color: #013F2A;
    border-radius: 30px;
    padding-bottom:10px;
}
#unlocked li{
    width:50%;
    margin:auto;
    padding: 5px;
    border:#00CC88 solid 2px;
    border-radius: 40px;
    margin-bottom: 10px;
    transition: background-color 0.5s;
}
#unlocked li:hover{
    background-color: #016B45;
}
#status{
    font-size:0.8rem;
}