body {
 background-color:rgb(170, 220, 255)
}

#thanks {
    justify-content: flex;
}

#thanksParent {
    background-color:rgb(170, 220, 255)
}

#calc {
    margin-top: 25px;
    justify-content: flex;
}

#calender {
    margin-top: 25px;
    justify-content: flex;
}

#timer {
    margin-top: 25px;
    justify-content: flex;
}

#calca {
border-radius: 100%;
justify-content: center;
margin-top: 20px;
height: 250px;
width: 250px;
opacity: 0.5;
display: flex;
}

#calenderb {
border-radius: 100%;
justify-content: center;
margin-top: 45px;
height: 250px;
width: 250px;
opacity: 0.5;
display: flex;
}

#timerc {
border-radius: 100%;
justify-content: center;
margin-top: 60px;
height: 250px;
width: 250px;
opacity: 0.5;
display: flex;
    
}


#calca:hover {
    border: none;
    outline: 5px solid yellow;
    outline: solid yellow;
    
    background-color: rgb(255, 255, 255);
    transition: outline 0.15s ease-in-out;
    opacity: 1;
}

#calenderb:hover {
    border: none;
    outline: 5px solid yellow;
    outline: solid yellow;
    
    background-color: rgb(255, 255, 255);
    transition: outline 0.15s ease-in-out;
    opacity: 1;
}

#timerc:hover {
    border: none;
    outline: 5px solid yellow;
    outline: solid yellow;
    
    background-color: rgb(255, 255, 255);
    transition: outline 0.15s ease-in-out;
    opacity: 1;
}

#calcguide {
    display: flex;
    align-content: flex;
    margin-bottom: 100%;
}

#ca, #cal, #ti {
    text-decoration: none;
    color: white;
}