body{padding:0;margin:0;overflow:hidden;border:none;position:absolute}.spa,body{width:100%;height:100%}.spa{background-image:url(../img/spa-background-yellow.png);background-position:top;background-repeat:no-repeat;background-size:cover;text-align:center;font-family:arial;font-size:4vh}.spa .title{text-transform:uppercase;font-weight:600;padding:3.5vh 0;font-size:12vh}.spa .time{margin:12vh 0 0}.spa .time span{font-size:20vh;font-weight:600}.spa .time span.period{font-size:10vh}.spa .time span.delimiter{margin:0 5vh}.spa .protection-level{font-size:11vh;text-transform:uppercase;margin-bottom:4vh;padding:0 4vh}.spa .source,.spa .suggestion{font-size:9vh}.spa .source{font-weight:600}.spa .cog{position:absolute;top:4vh;right:4vh;background-image:url(../img/cog.png);background-size:100%;background-position:50%;background-repeat:no-repeat;width:10vh;height:10vh;cursor:pointer}.spa .popup{position:absolute;left:10%;top:10%;background:rgba(0,0,0,.8);width:80%;height:80%;font-size:6vh;padding:10vh;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.spa .popup.active{display:block}.spa .popup .settings{color:#fff;margin-bottom:10vh}.spa .popup .dropdown{text-align:center}.spa .popup .dropdown button,.spa .popup .dropdown select{width:60%;font-size:6vh}.spa .popup .dropdown select{padding:2vh;margin-bottom:6vh}.spa .popup .dropdown button{background:#ed8e3e;color:#fff;text-transform:uppercase;border:1px solid #ed8e3e;border-radius:none;padding:4vh;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.spa .popup .dropdown button:hover{color:#ed8e3e;background:#fff}