body,html{height:100%}.swal2-shown .swal2-height-auto{height:inherit!important}#app{height:100%}#app .bm-item-list{margin:0 10%}#app .bm-item-list a{color:#fff;text-decoration:none}#app .bm-item-list a:hover{background:#5b5b5b}main{height:100%;text-align:center;background:#b4bad2;overflow:hidden}.bm-burger-button{z-index:99}#home{height:100%}#home .title{height:15%;display:flex;align-items:center;justify-content:center}#home .title svg{font-size:40px;color:#3a006f}#home h1{font-weight:bolder}#home .theme{height:85%;position:relative;z-index:95}#home .content,#home .theme #particles{width:100%;height:80%;position:absolute;top:0}#home .content{z-index:98;display:flex;flex-direction:column;justify-content:center;align-items:center}#home .content div:first-child,#home .content div:nth-child(2){margin-bottom:50px}#home .btn{box-shadow:0 1px 2px #000}#home .btn-red{color:#fff;background-color:#e53238;border-color:#e53238}#home .btn-orange{color:#fff;background-color:#f7931e;border-color:#f7931e}#home .btn-blue{color:#fff;background-color:#0064d2;border-color:#0064d2}#home .btn-summer1{color:#272727;background-color:#ffaad5;border-color:#ffaad5}#home .btn-summer2{color:#272727;background-color:#ffff93;border-color:#ffff93}#home .btn-summer3{color:#272727;background-color:#dcb5ff;border-color:#dcb5ff}#home .btn-summer4{color:#272727;background-color:#d3ff93;border-color:#d3ff93}#home .btn-autumn1{color:#fff;background-color:#ce0000;border-color:#ce0000}#home .btn-autumn2{color:#fff;background-color:#005ab5;border-color:#005ab5}#home .btn-autumn3{color:#fff;background-color:#009100;border-color:#009100}#home .btn-autumn4{color:#fff;background-color:#6f00d2;border-color:#6f00d2}#list{height:100%;font-size:20px}#list .title{height:13%;display:flex;align-items:center;justify-content:center}#list .title svg{font-size:40px;color:#3a006f}#list .input-group{padding:0 20px}#list .input-group input:focus{box-shadow:none}#list .input-group-append button{border-left:none;outline:none}#list .input-group-append button:active{box-shadow:inset 0 0 1px #000}#list .data-table{height:82%;overflow:auto;background:rgba(248,248,255,.5);margin:0 20px}#list .data-table .btn{box-shadow:none}#list .data-table .btn:active{box-shadow:none}#list .handle{cursor:-webkit-grab;cursor:grab}#list .table th:first-child{width:10%}#list .table th:nth-child(2){width:65%}#list .table th:nth-child(3){width:25%}#list .table td{border-top:2px solid grey}#list .table-floral-white{background-color:#fffaf0}#list .table-honeydew{background-color:#ffffcd}#setting{height:100%;font-size:20px}#setting .title{height:13%;display:flex;align-items:center;justify-content:center}#setting .title svg{font-size:40px;color:#3a006f}#setting .tabs{padding:0 20px}#setting .tabs .nav{background:rgba(205,201,201,.6)}#setting .tabs li h3{font-weight:700;color:#28004d}#setting .tabs li img{width:40px;margin-bottom:2%}#clock{height:80vh;font-size:20px}#clock .data-table{height:100%;background:rgba(248,248,255,.5)}#clock .data-table table tr td{vertical-align:middle!important;border-top:1px solid #adadad;padding:5% 2%}#clock .data-table table tr td:first-child{width:35%}#theme{height:100vh;font-size:20px}#theme .data-table{height:100%;background:rgba(248,248,255,.5)}#theme .data-table table tr th{background-color:#ffffcd}#theme .data-table table tr td{vertical-align:middle!important;border-top:1px solid #adadad}#theme .data-table table tr td:nth-child(2){color:#000}#alarm{height:77vh;overflow:scroll}#alarm table tbody{background:rgba(248,248,255,.5)}#alarm table tr th{background-color:#ffffcd}#alarm table tr th:first-child,#alarm table tr th:nth-child(2){width:20%}#alarm table tr th:nth-child(3){width:60%}#alarm table tr td{vertical-align:middle!important;border-top:1px solid #adadad}#alarm audio{outline:none;width:80%}#alarm .table-honeydew{background-color:#ffffcd}#spring{height:100%;position:relative}#spring .top{height:70%}#spring .top .cloud{width:200px;height:60px;background:#fff;border-radius:200px;position:relative}#spring .top .cloud:after,#spring .top .cloud:before{content:"";background:#fff;width:100px;height:80px;position:absolute;top:-15px;left:10px;border-radius:100px;transform:rotate(30deg)}#spring .top .cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}#spring .top .x1{top:15%;-webkit-animation:moveclouds 19s linear infinite;animation:moveclouds 19s linear infinite}#spring .top .x2{top:20%;left:200px;transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 29s linear infinite;animation:moveclouds 29s linear infinite}#spring .top .x3{left:-250px;top:-100px;transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 24s linear infinite;animation:moveclouds 24s linear infinite}#spring .top .x4{left:470px;top:-150px;transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 22s linear infinite;animation:moveclouds 22s linear infinite}#spring .top .x5{left:-150px;top:-50px;transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 24s linear infinite;animation:moveclouds 24s linear infinite}#spring .bottom{width:100%;height:30%;position:relative;background-image:linear-gradient(180deg,#d4fc79,#96e6a1)}#spring .bottom .petals{height:60%;display:flex;justify-content:space-around}#spring .bottom .petals img{width:50%;height:100%}@-webkit-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}#summer{height:100%;position:relative}#summer .top{height:70%}#summer .top .sun{position:absolute;left:10%;border-radius:50%;height:150px;width:150px;background:#eac100;box-shadow:0 0 3px orange,0 0 60px #f9f900,0 0 200px #ff0,inset 0 0 80px #ff0}#summer .bottom{width:100%;height:35%;position:relative;background-image:linear-gradient(180deg,#e3a43b,peru)}#summer .bottom .leafs{height:60%;display:flex;justify-content:space-around}#summer .bottom .leafs img{width:50%;height:100%}#autumn{height:100%}#autumn .top{height:70%}#autumn .bottom{width:100%;height:35%;background-image:linear-gradient(180deg,#e3a43b,peru)}#autumn .bottom .maples{height:60%;display:flex;justify-content:space-around}#autumn .bottom .maples img{width:50%;height:100%}#winter{height:100%;position:relative}#winter .top{height:70%}#winter .bottom{width:100%;height:35%;position:relative;background-image:linear-gradient(0deg,#dfe9f3 0,#fff)}#winter .bottom img{position:absolute;width:150px;left:5%;bottom:80%}input[type=checkbox]{display:none}input[type=checkbox]+label{display:block;position:relative;padding-left:35px;margin-bottom:20px}input[type=checkbox]+label:last-child{margin-bottom:0}input[type=checkbox]+label:before{content:"";display:block;width:30px;height:30px;border:3px solid red;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.5;transition:all .5s,border-color .08s}input[type=checkbox]:checked+label:before{width:10px;left:50%;top:-16px;opacity:1;border:2px solid #00f;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg)}