@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap";
body{background-color:#f9fafc;font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif}body,html{flex-direction:column;height:100%;margin:0;display:flex}#root{flex-direction:column;flex:1;display:flex}.footer-copyright{margin-left:200px;display:flex}.categories-container{flex-wrap:wrap;justify-content:center;display:flex}.post-card{cursor:pointer;will-change:transform, box-shadow, background-color;background-color:#dee2e6;border-radius:5px;transition:all .3s;box-shadow:0 1px 3px #00000014}.post-card:hover{background-color:#dbeafe;transform:translateY(-3px);box-shadow:0 6px 15px #0000001f}.video-thumbnail{border:5px solid #f9fafc;border-radius:15px;flex-shrink:0;width:250px;height:450px;display:flex;position:relative;overflow:hidden}.video-thumbnail iframe,.video-thumbnail video{object-fit:cover;width:100%;height:100%;position:absolute}.hover-card{transition:transform .2s,box-shadow .2s}.hover-card:hover{cursor:pointer;background-color:#cff4fc;transform:translateY(-5px);box-shadow:0 8px 20px #00000026}