@font-face{font-family:cocomat;src:url(cocomat.light.ttf)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:"cocomat"}body{overscroll-behavior:contain}.background{position:fixed;width:100vw;height:100vh;z-index:-1}.background video,.background img{object-fit:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%}.top{display:flex;flex-direction:row;justify-content:space-between;background: linear-gradient(
        to bottom,
        rgba(0, 176, 192, 0.7) 60%,
        rgba(169, 169, 169, 0) 100%
    );width:100vw;height:70px}.top-left,.top-right{display:flex;flex-direction:row;margin:0 10px}.top-left-apps,.top-left-title{color:#fff;line-height:50px;margin:0 10px 0 0;font-size:1.3em}.top-right a{color:#fff;line-height:50px;margin:0 0 0 10px;font-size:1.1em;text-decoration:none}.google{margin:60px auto 10px auto;width:90vw;max-width:700px}.google .gsc-control-cse{border-color:transparent;background-color:transparent}.google .gsc-search-button{display:none}.google .gsc-input-box{height:40px;border-radius:25px;border:1px solid rgba(0,176,192,.7)}.google .gsc-input{height:38px;font-family:"cocomat";margin:0 0 0 5px}.links{margin:10px auto;width:90vw;max-width:700px;display:flex;flex-wrap:wrap;justify-content:center}.link{margin:10px 5px;height:60px;width:60px;cursor:pointer}.link .image{width:40px;height:40px;margin:0 10px;background-color:#fff;border-radius:12px;transition:.5s}.link:hover .image{box-shadow:0 4px 8px 0 rgba(0,0,0,.6)}.link .image img{width:28px;height:28px;margin:6px;border-radius:10px}.link .title{margin:5px 0 0 0;font-size:12px;line-height:15px;color:#fff;text-align:center;overflow:hidden;white-space:wrap;text-overflow:ellipsis;text-shadow:2px 2px 5px rgba(128,128,128,.8)}.link:hover title{text-shadow:3px 3px 4px rgba(128,128,128,.9)}