:root{
        --base-color: #163c29;
        --base-line: #067033;
        --dark-coror: #0c2e13;
        --dark-line: #062116;
        --extra-light: #00d419;
        --text-color: #F527CF;      
}
@font-face {
            font-family:myfont;
            src:url(/Fonts/smalle.ttf) format('truetype');
            }
body{
        font-family: myfont;
        color: var(--text-color);
        background-image: url(Images/DaisyBack.png); background-size: 7%;
        }
a{
        color: #B714E0;
}
a:visited{
        color: #670ECF;
}
a:hover,
a:focus-visible {
        color: #ac00ff;
}
a:active{
        color: #F527CF;
}
header{
        text-align: center;
        background-color: var(--dark-coror);
        border: var(--dark-line)solid 5px;
        padding-bottom: 3px;
        margin-bottom: 15px;
}
main{
        display: flex;
        align-content: flex-start;
}
.bigbackbox{
        background-color: var(--dark-coror);
        border: var(--dark-line)solid 5px;
        margin: auto 10px;
        margin-top: unset;
        padding: 10px;
}
.backbox{
        display: flex;
        text-align: center;
        background-color: var(--base-color);
        border: var(--base-line) solid 5px;
        padding: 10px;
        margin: auto;
        margin-bottom: 15px;
}
.sidebox{
        display: flex;
        flex-direction: column;
        text-align: center;
        background-color: var(--base-color);
        border: var(--base-line) solid 5px;
        padding: 10px;
        margin: auto;
}
.smalbox{
        align-content: center;
        text-align: left;
        background-color: #062116;
        border: var(--base-line) double 5px;
        margin: auto;
}
ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.ambm{
background-image: url(Images/daisy.png);
background-repeat: no-repeat;
padding-left: 35px;
}
.maa{
background-image: url(Images/diskic.png);
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}
.tyz{
background-image: url(Images/aut.png);
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}
.sic{
background-image: url(Images/commie.png);
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}
.bmac{
background-image: url(Images/pls.png);
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}
.counter{
        max-block-size: 30px;
}
#light{
        
        min-block-size: 64px;
        background: url(Images/reye.png) no-repeat;
        background-position-x: center;
}
#light:hover{
        background: url(Images/cleye.png) no-repeat;
        background-position-x: center;
}
light:active{
        background: url(Images/heye.png) no-repeat;
        background-position-x: center;
}
#whereto{
        margin-bottom: 10px;
}
#updatebox{
        display: flex;
        justify-content: center;
        align-content: center;
        text-align: center;
        background-color: var(--base-color);
        border: var(--base-line) solid 5px;
}
#greeting{
        margin: 5px;
        font-size: 21px;
}
#hellogif{
        scale: 90%;
}
#warning{
        margin: 5px;
        font-size: 20px;
}
#updateboxh{
        font-size: 53px;
        margin-bottom: 21px;
        line-height: 1px;
}
#UPDATE{
        background-color: #062116;
        padding: 5px;
        margin: auto;
        margin-bottom: 10px;
        border: double var(--extra-light) 5px;
        font-size: 18px;
        max-inline-size: 400px;
        min-block-size: 250px;
        max-block-size: 250px;
        overflow-block: scroll;
}
#underup{
        max-inline-size: 400px;
}
#itswip{
        margin: auto;
        max-inline-size: 250px;
        margin-top: 55px;
        margin-bottom: -15px;
}
#bobwait{
        scale: 75%;
        margin: -25px;
}
#workroad{
        margin: auto 10px;
        margin-bottom: -40px;
}