:root{
    --fontfam: Arial, Helvetica, sans-serif;

    --color-link: blue;
    --color-para: gray;

}

body{
    display: grid;
    justify-content: center;
    align-content: center;
    font-family: var(--fontfam);
}

#link{
    border: none;
    border-bottom: solid 1px;
    font-size: large;
    color: var(--color-link);
}

#link:focus{
    outline: none;
    border-bottom: var(--color-link) 1px solid;
}

.header{
    height: 30px;
}

.paragraph{
    color: var(--color-para);
}


.btns #safebtn{
    background-color: greenyellow;
    color: green;
    border: none;
    border-radius: 30px;
}

.btns #safebtn:hover{
    background-color: rgb(116, 171, 33);
}

.btns #safebtn:active{
    background-color: rgb(80, 127, 9);
}

.btns #unsafebtn{
    background-color: pink;
    color: red;
    border: none;
    border-radius: 30px;
}

.btns #unsafebtn:hover{
    background-color: rgb(255, 137, 157);
}

.btns #unsafebtn:active{
    background-color: rgb(255, 78, 108);
}

.stats1 input{
    border: none;
    font-size: xx-large;
}

.stats1 input:focus{
    border: none;
    outline: none;
    cursor: default;
}

.stats2 input{
    border: none;
    font-size: xx-large;
}

.stats2 input:focus{
    border: none;
    outline: none;
    cursor: default;
}

.thanks{
    display: none;
}