@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{font-family:Roboto,sans-serif;box-sizing:border-box}body{margin:0;background:#d2eb90 url(/i/bg.jpg) top center no-repeat}#main{text-align:center;width:100vw}.logo img{height:8vw;padding:10px}.left{position:absolute;top:0;left:0}.title{line-height:1.4;border-radius:10px;font-size:1.4rem;text-shadow:2px 2px 2px rgba(0,0,0,.5);color:#fff;font-weight:700;background:linear-gradient(to bottom,rgba(122,188,255,1) 0,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);border:1px solid #333;padding:15px 20px;display:inline-block;margin-top:3vh}.right{position:absolute;top:0;right:0}.shadow{filter:drop-shadow(5px 5px 3px rgba(0, 0, 0, .5))}.bigger{font-size:2rem}p{margin:auto}#content{display:flex;justify-content:center;align-content:center;align-items:flex-start;width:90vw;margin:0 auto;margin-top:2vh;flex-wrap:wrap}.column{max-width:30vw;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;flex:1 0 30vw;margin-bottom:20px}.header,.listItem{cursor:pointer;padding:5px}.header{min-height:36px;text-align:center;width:90%;border-radius:10px;border:1px solid #333;background-color:#006400;color:#fff;font-size:1.2rem;font-weight:500;user-select:none;text-shadow:3px 3px 2px rgba(0,0,0,.5)}.panel{display:inline-block}.list{cursor:pointer;display:flex;flex-direction:column;width:80%;padding:0;position:relative;align-items:center}.listItem{position:relative;border-radius:5px;border:1px solid #333;background-color:#fff;width:80%;font-weight:400;font-size:1rem;margin-top:10px;width:80%}.listItem:hover{background-color:#fe9}.listItem a{text-decoration:none;color:#000}.breadcrumb{margin-top:8px;padding:10px;font-style:italic;font-weight:600;color:#0c6601;height:40px;border:1px solid #666;border-radius:20px 20px;background:#eee;z-index:999}.icon{display:none}.header{cursor:initial}@media screen and (max-width:1200px){#content{width:70%}.column{max-width:90%;flex:1 0 90%}.header{width:96%}.list{width:94%;display:none}.title{margin-top:1vh;font-size:1.2rem}.logo img{height:18vw}.bigger{font-size:1.6rem}}@media screen and (max-width:600px){#content{flex-direction:column;width:100%;align-items:center}.column{max-width:98vw;width:98vw;flex:1 0 auto}.logo img{height:11vh}.header{width:98vw;font-size:1rem;margin-bottom:5px;padding:5px}.list{margin-bottom:20px;display:none}.listItem{margin-top:5px}.title{margin-top:1vh;font-size:1rem;padding:5px 10px}.bigger{font-size:1.2rem}}