@import url("https://fonts.googleapis.com/css2?family=Manrope&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");.cardBox{width:205px;height:300px;background-color:#393e46;border-radius:20px}.cardBox:hover{cursor:pointer}.cardImage{width:205px;height:auto;aspect-ratio:4/3;border-radius:20px 20px 0 0}.cardTextBox{height:150px}.cardTitle{padding:15px 20px 0;font-weight:600}.cardDescription,.cardTitle{color:white;font-family:Manrope}.cardDescription{padding:10px 20px 20px;overflow:hidden;font-size:12px}.landingBox{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:space-between}.bottomPart,.navBar{width:100%}.navBar{align-self:flex-start;position:fixed;z-index:10;transition:width .3s ease}.navBar.narrowed{width:calc(100% - 300px)}.sideBarOverlay{position:fixed;width:100%;background:transparent;z-index:9}.sideBar,.sideBarOverlay{top:0;right:0;height:100%}.sideBar{position:absolute;width:300px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s ease}.sideBar.visible{transition:transform .3s ease;transform:translateX(0)}.contentBox{position:relative;bottom:110px;display:flex;flex-direction:column;align-items:center;gap:20px}.bg-vid{width:100%;height:500px;object-fit:cover;z-index:0}.cardsRowBox{display:flex;width:900px;justify-content:space-between}