.line{background-color:#fff;width:0;margin:1px 0;animation:1s ease-in-out 5 lineGrow}@keyframes lineGrow{0%{width:0;height:5px}50%{width:200px;height:15px}to{width:0;height:5px}}.content-section{z-index:1;opacity:0;transition:transform 1s ease-in-out,opacity .5s ease-in-out;position:relative}.content-section:hover{transform:translateY(0)}.content-section-in{opacity:1;transition:opacity .5s ease-in}.content-section-out{opacity:0;z-index:0;transform:translate(-100%)}.image-container{z-index:2;position:relative}.content-section{scrollbar-width:thin;scrollbar-color:#2e2e2e #1c1e1f;overflow-y:auto}.content-section::-webkit-scrollbar{width:10px}.content-section::-webkit-scrollbar-thumb{background-color:#2e2e2e;border-radius:10px}.content-section::-webkit-scrollbar-track{background-color:#1c1e1f;border-radius:10px}.offcanvas.offcanvas-start{border-right:1px solid #00a5f8;background-color:#1c1e1f!important;width:250px!important;height:100vh!important;top:0!important;bottom:auto!important;left:0!important}.content-section-in{opacity:1;overflow-y:scroll;transform:translate(0)}.content-section-out{opacity:0;overflow-y:hidden;transform:translate(-100%)}.sticky-div{z-index:1000;box-shadow:0 10px 50px #1c1e1ffc}.sticky-div-2{z-index:1000;box-shadow:0 0 100px #1c1e1ffc}@keyframes shake{0%{transform:translate(0)translateY(0)scale(1)}30%{transform:translate(-50px)translateY(-10px)scale(1.4)rotate(-2deg)}50%{transform:translate(-50px)translateY(-10px)scale(1.4)rotate(2deg)}70%{transform:translate(-50px)translateY(-10px)scale(1.4)rotate(-2deg)}to{transform:translate(0)translateY(0)scale(1)}}.shake{animation:1s ease-in-out shake}