body{font-family:Arial,sans-serif}
article>p,td,li,input{font-family:Garamond}
html{scroll-behavior:smooth}
html,button,input[type=text]{font-size:18px}
html.chrome{font-size:20px}
@media screen and (min-device-width:481px){
body.safari{-webkit-text-size-adjust:none}
html.safari,html.safari input,html.safari button,html.safari article>p{font-size:21px}}
@media screen and (max-device-width:480px){
body.safari{-webkit-text-size-adjust:none}
html.safari,html.safari input,html.safari button,html.safari article>p{font-size:23px}}
@font-face{font-family:"awesome";src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2")}
.center{text-align:center}
.right{text-align:right}
.symbol{font-family:"awesome"}
i.symbol{font-style:normal}
div.menu>ul{list-style:none}
div.menu>ul>li{
display:inline-block}
div.edist>ul,div.panel>ul{text-align:center;list-style:none}
div.edist>ul>li{display:inline;margin:1ex 4ex}
div.panel>ul>li{display:inline-block}
footer{padding-left:5px;padding-bottom:5px}
footer>div{display:inline;position:relative}
footer>div>span{
visibility:hidden;opacity:0;transition:visibility .8s,opacity 0.3s linear;
position:absolute;bottom:2ex;
line-height:30%;
padding:1ex;
border-radius:1ex}
footer>div>span>svg{position:relative;top:1ex}
footer>div>span>svg text{animation:sblink 2s linear infinite}
footer>div:hover>span{
visibility:visible;opacity:1;animation:blink 2s linear infinite;
background-color:#90B0BB}
@keyframes sblink{
0%{fill:black}
25%{fill:#7C150C}
50%{fill:#066116}
75%{fill:#014E62}
100%{fill:black}}
@keyframes blink{
0%{color:black}
25%{color:#7C150C}
50%{color:#066116}
75%{color:#014E62}
100%{color:black}}
#message{
position:fixed;top:30%;width:100%;z-index:40;text-align:center;
font-size:200%;color:#FF6685;
animation:blink 2s linear infinite}
#goup{opacity:0;transition:all 1s;
border-radius:10px;
padding:5px;
background-image:radial-gradient(circle at center,#7B7B7B,rgba(138,124,107,.5));
color:white;
position:fixed;
right:3px;
bottom:3px;
font-size:160%}
#goup.NT40{opacity:1}
.modal{
text-align:center;
box-sizing:border-box;
display:none;
position:fixed;left:0%;top:0%;
z-index:14;height:100%;width:100%;
background-color:rgba(0,0,0,0.5)}