/*
        CLOCK */
#myClock {
        padding:2rem 0 1.5rem 0;
        width:100%
}

#myClock>div>div:nth-child(2)>section:first-child>ul {
        flex:auto;
        font-family:'Open Sans';
        justify-self:flex-end;
        align-self:flex-end;
        padding:1rem 2rem 0 0
}
                
#myClock>div>div:nth-child(2)>section:first-child>ul>li {
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        justify-content:flex-end;
        color:lightyellow
}

#myMeteo {
        display:flex;
        flex-direction:row;
        align-items:flex-end;
        vertical-align:top;
        color:lightyellow
}

#myMeteo>ul:first-child{
        display:flex;
        flex-direction:row;
        align-items:flex-end;
        justify-content:flex-start;
        vertical-align:top
}

#myAir {
        font-size:1rem;
        display:flex;
        flex-direction:row;
        align-items:flex-end;
        justify-content:flex-end;
        vertical-align:top
}

#myClock>div>div:first-child {
        color:rgba(255, 255, 255, 0.04);
        background-color:transparent
}

#myClock>div>div:first-child:hover {
        color:rgba(255, 255, 255, 0.5);
        background-color:rgba(0, 0, 0, 0.5)
}

#myClock>div>div:last-child {
        display:flex;
        flex-flow:row wrap;
        justify-content:flex-end
}

#myClock>div>div:last-child>form>div {
        display:flex;
        flex-flow:row;
        justify-content:flex-end;
        align-items:flex-end
}

#myClock>div>div:last-child>form>div input{width:100%}

#formCalendar>div>input:nth-child(1),
#formCalendar>div>input:nth-child(2) {opacity:.25}
#formCalendar>div>input:nth-child(1):hover,
#formCalendar>div>input:nth-child(2):hover{opacity:1}

#myClock input {
        background-color:rgba(0, 0, 0, .25);
        border:0;
        font-family:'Open Sans';
        font-size:2rem;
        color:aliceblue
}

#myClock input:focus {
        background-color:rgba(0, 0, 0, 0.5);
        font-size:2.1rem
}

#myClock input {
        text-align:right;
        padding:0 2rem 0 0
}

#myTemp {
        font-weight:bold;
        font-size:4rem
}

#myHour {font-size:6em}
#myDate {font-size:3.5em}
#myMeteo img {width:125px}