:root{--fg: #fff;--bg: #212121;--bg-light: #333;--accent: orangered}@media (prefers-color-scheme: light){:root{--fg: #212121;--bg: #fff;--bg-alt: #eee;--accent: orangered}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0}body{font-family:"Open Sans", sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:var(--bg);padding-bottom:200px}.title__container{position:-webkit-sticky;position:sticky;top:0;width:100%;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;background-color:inherit;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2)}.title__container h1{color:var(--fg)}.title__container svg{color:var(--fg);width:auto;height:50px}#video-container{display:-ms-grid;display:grid;gap:1rem}@media only screen and (min-width: 640px){#video-container{padding:1rem;-ms-grid-columns:(minmax(420px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(420px, 1fr))}}#video-container .video{padding:1rem;color:var(--fg);text-decoration:none;background-color:transparent;-webkit-transition:background-color 0.1s ease;transition:background-color 0.1s ease}@media only screen and (min-width: 640px){#video-container .video{border-radius:1rem}}#video-container .video:hover{background-color:var(--bg-light)}#video-container .video img{width:100%;aspect-ratio:16/9;border-radius:1rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#video-container .video .video-info{max-height:200px;overflow:hidden}#video-container .video .video-info h3{padding:1rem;text-align:center}#video-container .video .video-info p{max-height:120px;display:none}.fab{position:fixed;right:1rem;bottom:1rem;border-radius:50%;height:160px;width:160px;display:-ms-grid;display:grid;place-items:center;background-color:var(--accent);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75)}.fab svg{color:var(--fg);width:80px;height:80px}