body{background-color:#b3e4ff;font-family:sans-serif;margin:0}body::before{content:'';background-image:url("/images/dragon.small.svg");background-position:center;background-repeat:no-repeat;background-size:contain;height:100%;width:100%;position:fixed;z-index:-1}footer{font-size:14px;color:#989696;text-align:center}#nav{position:sticky;top:0;z-index:1}#nav-main,#nav-second{background-image:linear-gradient(#007100 10%,#003c00);border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:Impact,Charcoal,sans-serif;box-shadow:5px 7px 10px rgba(0,0,0,.7)}#nav-main ul,#nav-second ul,#nav-main ol,#nav-second ol{list-style:none;margin:0 auto;padding:0;overflow:hidden}#nav-main ul li,#nav-second ul li,#nav-main ol li,#nav-second ol li{color:#f5f5f5;float:left}#nav-main ul li a,#nav-second ul li a,#nav-main ol li a,#nav-second ol li a{color:#f5f5f5;display:block;float:left;padding:8px 16px;text-align:center;text-decoration:none}#nav-main ul li a:hover:not(.nav-current),#nav-second ul li a:hover:not(.nav-current),#nav-main ol li a:hover:not(.nav-current),#nav-second ol li a:hover:not(.nav-current){background-image:radial-gradient(#03e903 30%,transparent);border-radius:15px;text-decoration:underline}#nav-main ul li a:active,#nav-second ul li a:active,#nav-main ol li a:active,#nav-second ol li a:active{background-color:#c3e903;border-radius:15px}#nav-main ul .nav-current,#nav-second ul .nav-current,#nav-main ol .nav-current,#nav-second ol .nav-current{background-image:radial-gradient(#00bf00 30%,transparent);border-radius:15px}#nav-main ul .nav-right,#nav-second ul .nav-right,#nav-main ol .nav-right,#nav-second ol .nav-right{float:right}#nav-main{font-size:25px;z-index:1}#nav-main ul{max-width:1072px}@media screen and (max-width:600px){#nav-main ul li{float:none !important}#nav-main ul li a{border-bottom:#003700 outset;float:none !important;border-bottom-left-radius:15px;border-bottom-right-radius:15px}#nav-main ul li .short-word{max-width:none}}@media screen and (max-width:600px){#nav{position:relative}#nav-main{position:relative}}#nav-second{font-size:20px;margin-left:auto;margin-right:auto;max-width:1072px;width:100%}#nav-second ol{padding:0 10px}#nav-second ol li:not(:first-child)::before{content:'→';float:left;padding:4px 4px}@media screen and (max-width:600px){#nav-second{height:0}#nav-second *{display:none}}#body-container{background-color:rgba(128,220,137,.7);border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin:0 auto 10px;max-width:1000px;padding:20px;overflow:hidden;position:relative;text-align:center;word-wrap:break-word}@media screen and (max-width:1075px){#body-container{margin-left:12px;margin-right:12px}}.box-container{background-color:rgba(0,130,0,.7);border-radius:10px;color:#f5f5f5;margin:20px auto;max-width:800px;padding-bottom:20px;overflow:hidden;position:relative;box-shadow:5px 7px 10px rgba(0,0,0,.7);-webkit-animation:fadein .7s;-moz-animation:fadein .7s;-o-animation:fadein .7s;animation:fadein .7s}@media screen and (max-width:840px){.box-container{margin:20px}}.box-container .box{background-image:linear-gradient(#4ced2a,#007100);border-radius:10px;color:#000;display:inline-block;margin:35px;padding:10px;position:relative;box-shadow:5px 7px 10px rgba(0,0,0,.7);text-decoration:none;vertical-align:top;height:300px;width:300px}.box-container .box:hover{background-image:radial-gradient(#0fff80,#98ff31);box-shadow:0 0 10px 5px rgba(255,255,255,.7)}.box-container .box img{height:100%;width:100%}.box-container .box-top{height:40%}.box-container .box-top i{font-size:120px}.box-container .box-middle,.box-container .box-bottom{display:table;height:30%;width:100%}.box-container .box-middle *,.box-container .box-bottom *{margin-bottom:0;margin-top:0;display:table-cell;vertical-align:middle}.box-container .box-middle h1{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-container .box-button img{height:75%;width:75%}.box-container .box-button h1{height:25%}@media screen and (max-width:500px){.box-container .box{width:auto;height:auto;margin:auto}}.box-container .box-info,.box-container .box-info-small{background-color:#7ebd75;border:5px solid #55ad4b;border-radius:10px;padding:10px}.box-container .box-info-small{display:inline-block;margin:20px}.box-container>p,.box-container>i,.box-container>h1,.box-container>h2,.box-container>h3,.box-container>hr{margin-left:10px;margin-right:10px}.box-container>hr{border-color:#007100}.box-container>p{font-size:larger;margin-bottom:0}.box-container ul{text-align:left;margin-left:40%}.box-container img{margin-right:10px}.box-container .table{padding:5px}.box-container .table table{border-collapse:collapse;width:100%}.box-container .table table thead{background-color:#007100}.box-container .table table tbody tr:nth-child(4n+3),.box-container .table table tbody tr:nth-child(4n+4){background-color:rgba(85,173,75,.7)}.box-container .table table td .button{margin:0;padding-bottom:1px;padding-top:1px}.account-form{position:relative;text-align:left;align-items:center;max-width:300px;width:100%;margin:auto}.account-form p{font-size:1em;font-weight:bold;margin-bottom:0}.account-form .submit{text-align:center}.account-form .submit input[type="submit"]{color:#f5f5f5;background-color:#1e90ff;border-color:#0ff;margin-top:30px;font-size:20px;max-width:285px;width:100%;border-radius:5px;padding:5px}.account-form .submit input[type="submit"]:hover:not([disabled]){background-color:#87ceeb}.whitebox{padding-left:5px;text-align:initial;background-color:#fff;border:1px solid #000;display:inline-block;color:#000;height:400px;overflow:auto;width:90%;margin-bottom:20px}code{background-color:#fff;border-radius:10px;color:#000;display:inline-block;padding:5px;text-align:initial;width:95%}code span{color:#0065b3}code span.string{color:#a31515}code span.commet{color:#008000}code span.class{color:#007d9a}.user-box{background-color:#7ebd75;border:5px solid #55ad4b;border-radius:10px;color:#000;display:inline-block;margin:35px 0;padding:10px;text-align:left;width:90%}.user-box h3{margin:0 auto}.user-box h4,.user-box h5,.user-box h6{margin-bottom:0}.user-box hr{margin:0}.user-box-info{display:table-cell}@media screen and (max-width:500px){.user-box{width:auto}}input[type=text],input[type=email],input[type=password],input[type=datetime]{border:2px inset #dbdbdb;font-size:20px;max-width:285px;width:100%;border-radius:5px;padding:5px}input:invalid{border-color:#f00;background-color:#ffdbdb}.selected{background-color:#87ceeb !important}.short-word{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle{border-radius:50%}@media screen and (max-width:500px){.circle{display:block;float:none !important;margin-left:auto !important;margin-right:auto !important}}.button{border:none;background-color:#ffa500;color:#f5f5f5;border-radius:10px;font-size:22px;display:inline-block;text-decoration:none;margin:5px;padding:10px;cursor:pointer}.button.danger{background-color:#f00}.button:hover{color:#ffa500;background-color:#f5f5f5}.uml-save{background-color:#a9a9a9;border-radius:15px;color:#fff;display:inline-block;width:300px;padding:25px;position:relative;margin:15px;text-decoration:none;vertical-align:top}.uml-save-delete{border-radius:50%;color:#f00;right:10px;top:10px;position:absolute;width:20px;height:20px;z-index:1}.uml-save-delete:hover{color:#8b0000;background-color:#a9a9a9}.uml-save h1{margin:0}.uml-save p{margin:0;text-align:left}.uml-save p span{float:right}.uml-save:hover{background-color:#6495ed}@media screen and (max-width:500px){.uml-save{width:auto;height:auto}}.error{color:#f00}.checkbox{display:inline-block;height:32px;position:relative;width:32px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input{display:none}.checkbox-checkmark{border:#808080 inset;border-radius:5px;padding:5px;position:absolute;top:0;left:0;height:16px;width:16px;background-color:#f5f5f5}.checkbox:hover input:not(:checked)~.checkbox-checkmark{background-color:#87ceeb !important}input:checked~.checkbox-checkmark{background-color:#1e90ff;border-style:outset}input:checked~.checkbox-checkmark:after{display:block}.checkbox-checkmark::after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}[data-tooltip]{position:relative}[data-tooltip]::before{content:attr(data-tooltip);display:none;position:absolute;background:#000;color:#fff;padding:4px 8px;font-size:14px;line-height:1.4;text-align:center;border-radius:4px;bottom:110%}[data-tooltip]::after{content:'';display:none;position:absolute;border-color:transparent;border-style:solid}[data-tooltip]:hover::before,[data-tooltip]:hover::after{display:inline-block;z-index:50}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}