BODY,html {background:#006633; color:#fff; margin:auto; height:100%; min-height:100%; width:100%; font-family: Inter, Arial,Tahoma,Geneva,sans-serif;}
#box {display:block; width:100%; top:200px; height:300px; max-width:800px; background-image:url(); background-size:60%; background-position:top center; background-repeat:no-repeat; cursor:pointer; margin:0 auto; margin-top:0px; padding:0px 0px 0px 0px; position:relative; cursor:default; font-size:35px; font-weight:700; text-align:center; vertical-align:middle; letter-spacing:0.05em; font-family:black;}
#box:hover {}

@font-face { font-family: "bold"; font-style: normal; font-weight: 700; font-display: swap; src: url("fb.woff") format("woff"); }
@font-face { font-family: "black"; font-style: normal; font-weight: 700; font-display: swap; src: url("fbb.woff") format("woff"); }


@media (max-width: 360px){ #box2f {font-size:17pt; letter-spacing:0.05em; line-height:18pt; margin-top:45px;}
}
@media (min-width: 361px){ #box2f {font-size:20pt; letter-spacing:0.05em; line-height:22pt; margin-top:60px;}
}
@media (min-width: 768px){ #box2f {font-size:26pt; letter-spacing:0.05em; line-height:32pt; margin-top:70px;}
}
@media (min-width: 1360px){ #box2f {font-size:26pt; letter-spacing:0.05em; line-height:32pt; margin-top:70px;}
}