:root{--border-color: #7e0c0c;--border-top-color: #7e0c0c;--image-color: url(https://c4.wallpaperflare.com/wallpaper/443/62/456/japanese-japanese-garden-daigo-ji-temple-daigo-ji-temple-wallpaper-preview.jpg);--border-image: none}.content{margin:auto;padding-left:20px;padding-right:20px;padding-top:30px}body{background-image:var(--image-color);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}a{color:#fff;text-decoration:none}.content-container{background-color:var(--border-color);background-image:var(--border-image);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;padding:0 20px;height:615px;position:relative}.title-nav{display:flex;justify-content:flex-start;align-items:center;padding-bottom:10px;padding-top:10px}.title{background-color:var(--border-color);background-image:var(--border-image);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;padding:5px 10px;margin-right:10px;color:#fff;font-size:20px}.navsection{color:#fff;font-size:20px}.main{background-color:#101210;font-size:30px;color:#fff;height:500px;display:flex;align-items:center;justify-content:center}.main iframe{width:100%;height:100%;border:none}.loader{position:absolute;top:40%;left:45%;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #fa0000;width:120px;height:120px;animation:spin 2s linear infinite}.hidden{display:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.buttons{display:flex;justify-content:flex-end;align-items:center;position:absolute;bottom:15px;right:20px}.buttons button{margin-left:10px;border:none;outline:none;background-color:var(--border-color);background-image:var(--border-image);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-size:30px;color:#fff}.next:hover{font-size:30px;animation-name:pop-out;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;transform-origin:center;display:inline-block;animation-iteration-count:infinite}.back:hover{font-size:30px;animation-name:pop-out;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;transform-origin:center;display:inline-block;animation-iteration-count:infinite}.bookmark:hover{font-size:30px;animation-name:pop-out;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;transform-origin:center;display:inline-block;animation-iteration-count:infinite;color:gold}.navigation{font-size:30px;background-color:var(--border-color);border:none;outline:none;color:#fff}.navigation:hover{font-size:31px;animation-name:spin;animation-duration:2s;animation-timing-function:linear;animation-fill-mode:forwards;transform-origin:center;display:inline-block;animation-iteration-count:infinite}@keyframes pop-out{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.hidden{display:none}