.outframe{display:flex;align-items:center;justify-content:center;background:rgba(133,173,26,.8);color:#fff;width:100vw;position:fixed;left:0;bottom:0;padding:10px 8%;text-shadow:1px 1px 1px rgba(0,0,0,.25)}
.outframe.close{display:none}
.outframe-info{margin-right:20px;font-size:1rem}
.outframe a{color:#fff;font-size:1rem;text-decoration:none;font-weight:700}
.outframe a:hover{text-decoration:underline}
.outframe-close{position:absolute;height:30px;width:30px;top:50%;right:3%;transform:translateY(-50%);outline:none;border:2px solid #fff;background:none;border-radius:3px;cursor:pointer}
.outframe-close::after,.outframe-close::before{content:'';position:absolute;width:2px;height:20px;top:50%;left:50%;background:#fff}
.outframe-close::after{transform:translate(-50%,-50%) rotate(45deg)}
.outframe-close::before{transform:translate(-50%,-50%) rotate(-45deg)}
@media (max-width:800px){.outframe{flex-direction:column;text-align:center}}