#modal{display:flex;justify-content:center;align-items:center;z-index:6}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff;border-radius:8px}.sign-up-page-wrapper{display:flex;height:100vh;width:100vw;justify-content:center;margin-top:10rem}.sign-up-page-all-inputs{height:20rem;width:15rem}.only-inputs-wrapper,.sign-up-page-all-inputs{display:flex;flex-direction:column;align-items:center}.only-inputs-wrapper{grid-gap:20px;gap:20px}.sign-up-form{justify-content:center;width:100%;border:1px solid #000}#sign-up-input-wrapper{align-items:center;grid-gap:20px;gap:20px}#sign-up-input-wrapper input{width:100%;height:2rem;border-radius:6px;border:1px solid #e9e8e8;padding-left:10px;font-family:"Lato",sans-serif}.first-name-last-name-sign-up{display:flex;grid-gap:30px;gap:30px}.sign-up-form-submit-button{background-color:#1b72e8;color:#fff;border:none;height:2rem;width:4rem;border-radius:4px;font-weight:500;cursor:pointer;font-family:"Lato",sans-serif}.upload-profile-pic-signup{display:flex;justify-content:center;justify-self:center;grid-gap:20px;gap:20px}.upload-pfp-signup{text-align:center;display:flex;flex-direction:column}.signup-pfp-upload-header{margin-top:0;margin-left:0;text-align:left}.sign-up-errors{color:red;text-align:center}.other-signup-inputs{display:flex;flex-direction:column;grid-gap:15px;gap:15px}#signup-pfp-input{display:none}#upload-thumbnail-signup-border-button{font-size:12px;text-align:center}#thumbnail-signup-image-file-icon{font-size:16px}.upload-thumbnail-section.signup{height:8rem;width:8rem;display:flex;flex-direction:column;justify-content:center;border:1px dotted #dbdada;border-radius:4px;padding-top:0;padding-left:0;padding-right:0;color:#adadad}.signup-button-and-upload-pfp-container{display:flex;justify-content:space-between;grid-gap:80px;gap:80px}.outer-login-wrapper.signup{height:35rem}.login-page-wrapper{width:100vw;display:flex;justify-content:center;margin-top:10rem}.outer-login-wrapper{display:flex;flex-direction:column;align-items:center;border:1px solid #d9dce0;height:25rem;width:23rem;border-radius:8px}.login-error{color:red;margin:0 0 6px}.login-inputs-container{display:flex;justify-content:space-between;flex-direction:column;width:80%;height:80%}.login-input{position:relative;height:35px;width:100%;border-radius:6px;margin-bottom:15px;border:1px solid #dfdede;font-family:"Lato",sans-serif;padding-left:10px}.login-input::-webkit-input-placeholder{position:absolute;top:10px;left:10px}.login-input::placeholder{position:absolute;top:10px;left:10px}.login-form-button-wrapper{display:flex;align-items:center;justify-content:space-between}.login-form-button-wrapper>button{background-color:#1b72e8;color:#fff;border:none;height:2rem;width:4rem;border-radius:4px;font-weight:500;cursor:pointer;font-family:"Lato",sans-serif}.login-form-button-wrapper>button:hover{background-color:#0c60d6}.login-form-button-wrapper>button:active{background-color:#0a54ba}.login-form-create-account{color:#1b72e8;cursor:pointer}.demo-login-form-button{background-color:#1b72e8;color:#fff;border:none;height:2rem;width:4rem;border-radius:4px;font-weight:500;cursor:pointer;font-family:"Lato",sans-serif;width:35%}.demo-login-form-button:hover{background-color:#0c60d6}.demo-login-form-button:active{background-color:#0a54ba}.login-form{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sign-in-form-header{margin-top:2rem;margin-bottom:0}.sign-in-box-header{display:flex;flex-direction:column;align-items:center}.profile-dropdown{position:absolute;border:1px solid #ddd;padding:10px;-webkit-transform:translate(-50px,30px);transform:translate(-50px,30px);border-radius:20px;z-index:1;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);line-height:4vh;min-width:180px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.logged-out-sign-in-button{background-color:hsla(0,0%,86.7%,0);font-family:"Lato",sans-serif;font-weight:600px;padding:10px;border-radius:18px;display:flex;align-items:center;grid-gap:5px;gap:5px;color:#085ed4;border:.5px solid #085ed4;cursor:pointer;margin-right:2rem}.logged-out-sign-in-button:hover{background-color:#def0fe}#user-nav-pfp{cursor:pointer}.logged-out-sign-in-button:active{background-color:#c8d8e4}.hidden{display:none}.nav-bar-wrapper{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;background-color:#fff;z-index:5;width:100vw}.create-video-nav-button{display:flex;align-items:center;grid-gap:7px;gap:7px;background:none;border:1px solid #e5e5e5;font-family:"Lato",sans-serif;border-radius:12px;font-weight:500;cursor:pointer}.create-video-nav-button:hover{background-color:#e5e5e5}.signed-in-nav-profile-and-create{display:flex;grid-gap:20px;gap:20px;margin-right:2rem}.dropdown-top-section{display:flex;grid-gap:10px;gap:10px;border-bottom:1px solid #e5e5e5;padding-bottom:5px}.dropdown-name-and-pfp{display:flex;flex-direction:column}#dropdown-menu-logout-button{background-color:#085ed4;color:#fff;border-radius:16px;border:none;font-family:"Lato",sans-serif;font-weight:700;height:2rem;width:5.5rem;cursor:pointer}#dropdown-menu-logout-button:hover{background-color:#0456bd}#dropdown-menu-logout-button:active{background-color:#016ae9}.my-channel-dropdown-text{color:#085ed4;cursor:pointer}.my-channel-dropdown-text:hover{color:#1671f1}.logo{width:30vh}.video-search-page{display:flex;justify-content:center;margin-top:6rem;flex-direction:column;align-items:center}.search-bar-input{flex:1 1;padding:12px 18px;border-radius:18px;border-top-right-radius:0;border-bottom-right-radius:0;font-size:16px;background-color:inherit;border:none}.search-bar-form{display:flex;align-items:center;border-radius:2px;width:30vw}.search-suggestion-container{position:absolute;background-color:#fff;border:1px solid #c9c7c7;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:12px;z-index:9999;margin-top:2px;padding:0 1rem}.search-container-div{border:1px solid #ccc;border-radius:22px}.search-button{border:none;padding:12px 16px;border-radius:2px;font-size:16px;background-color:#f8f8f8;color:#000;width:4rem;border-top-right-radius:22px;border-bottom-right-radius:22px}.home-video-card-container{display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:20rem;margin:30px 10px 40px}.video-thumbnail{position:relative;margin-bottom:.1rem;width:330px;height:200px}.card-video-title{font-weight:700;font-size:14px;max-width:85%;word-wrap:break-word}.card-video-username,.card-video-views{color:#606060;font-size:13px}.card-video-views{display:flex;grid-gap:3px;gap:3px}.home-video-thumbnail{width:330px;height:200px;top:0;border-radius:12px;object-fit:cover}.home-video-card-lower{display:flex;grid-gap:10px;gap:10px}.home-user-profile-picture{height:40px;width:40px;margin-right:10px;margin-top:8px;border-radius:50%}.home-video-card-lower-information{display:flex;flex-direction:column;grid-gap:3px;gap:3px;width:100%}.all-videos-grid{display:flex;flex-wrap:wrap;justify-self:center;grid-gap:6px;gap:6px;width:85%}.home-page-wrapper{display:flex;flex-direction:row-reverse;justify-content:flex-end;border-top:1px solid rgba(255,102,194,.16470588235294117);margin-top:5rem}.home-side-bar-socials{margin-right:2rem;margin-left:.5rem;display:flex;flex-direction:column;position:relative;width:15%}.user-videos-link{border-bottom:1px solid #e3e3e3;padding:.8rem;margin:.5rem 0;font-size:18px}.user-videos-link:hover{background-color:#eee;border-radius:12px}.home-social-media-icons{display:flex;grid-gap:10px;gap:10px}.github-icon-wrapper{display:flex;padding:0 .8rem;margin:.5rem 0;font-size:18px}.github-icon-wrapper:hover{background-color:#eee;border-radius:8px}.github-a-tag{display:flex;grid-gap:10px;gap:10px}#github-logo{align-self:center}.target-your-videos{display:flex;align-items:center;grid-gap:10px;gap:10px}.home-and-signin-or-videos{display:flex;flex-direction:column;margin-top:2rem}.home-sidebar-tab{margin:0}.home-sidebar-tab.main>a>div{background-color:#eee;border-radius:12px}.sidebar-sign-in-p{font-size:18px;padding:.8rem;margin:.3rem 0;display:flex;align-items:center;grid-gap:10px;gap:10px}.sidebar-sign-in-p:hover{background-color:#eee;border-radius:12px}.below-vid-above-comments-section{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.post-date-and-views-div{display:flex;align-items:center;grid-gap:6px;gap:6px}.video-page-wrapper{margin-left:4.5rem;display:flex;padding-bottom:10rem;margin-top:6rem}.individual-comment-container .comment-delete-and-edit{display:none}.individual-comment-container:hover .comment-delete-and-edit{display:flex;grid-gap:10px;gap:10px}.individual-comment-container:hover .comment-delete-and-edit button{border:1px solid #0a5ed4;color:#0a5ed4;height:2rem;width:4rem;border-radius:14px;font-family:"Lato",sans-serif;cursor:pointer;background-color:hsla(0,0%,100%,0);grid-gap:10px;gap:10px}.individual-comment-container:hover .comment-delete-and-edit button:hover{border:1px solid #0a5ed4;color:#fff;border-radius:14px;font-family:"Lato",sans-serif;cursor:pointer;background-color:#0a5ed4;grid-gap:10px;gap:10px}.comment-user-info-wrapper{display:flex;grid-gap:20px;gap:20px}.comment-user-info{display:flex;grid-gap:5px;gap:5px;align-items:center}.comment-date-post{color:#606060;font-size:12px}.comments-number-header{display:flex;align-items:center;grid-gap:5px;gap:5px}.comment-form-container{display:flex;justify-content:center;flex-direction:column}.video-page-comments{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;margin-top:2rem}.individual-comment-container{display:flex;grid-gap:1rem;gap:1rem;justify-content:space-between}.comment-bottom-section-user-and-content{display:flex;flex-direction:column;grid-gap:5px;gap:5px;word-break:break-word;max-width:40rem}.header-likes-container{display:flex;align-items:center;justify-content:space-between}.likes-number-and-thumb-logo{display:flex;align-items:center;margin-right:8rem;grid-gap:7px;gap:7px;height:1.8rem;width:3rem;border-radius:12px;background-color:#f2f2f2;border:none}#liked-comment-thumb{color:#ff66c3;transition:background-color .2s;-webkit-animation:pop 1s ease-in-out;animation:pop 1s ease-in-out;margin-left:10px;cursor:pointer}@-webkit-keyframes pop{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}#unliked-comment-thumb{color:rgba(160,157,157,.528);margin-left:10px;cursor:pointer}.video-description-container{background-color:#f2f2f2;border-radius:16px;padding:.8rem;max-width:50rem;display:flex;flex-direction:column}.video-views-description-text{font-weight:700;font-size:12px}.leave-comment-pfp-and-input{display:flex;width:100%}.video-description-container:hover{background-color:#e5e5e5}.comment-form{width:96%}.video-page-comment-section-container{margin-top:1rem}.comment-input{border:none;border-bottom:1px solid #e5e5e5;margin-left:1rem;outline:none;width:96%;font-family:"Lato",sans-serif}.leave-comment-button-container{display:flex;justify-content:flex-end}.leave-comment-button-container>button{border:none;background-color:#0a5ed4;font-family:"Lato",sans-serif;font-weight:600;color:#fff;height:2.5rem;padding:0 1rem;border-radius:18px;cursor:pointer}.video-owner-pic-and-name{display:flex;align-items:center;grid-gap:15px;gap:15px}.user-pfp-subscribe-container{display:flex;align-items:center;justify-content:space-between}.leave-comment-button-container>button:hover{background-color:#0356be}.leave-comment-button-container>button:active{background-color:#3f78cc}.comment-user-name{font-weight:700}.video-page-comment-user-picture{width:40px;height:40px;border-radius:50%;object-fit:cover}.video-section-scroller-right{display:flex;flex-direction:column;margin-left:1.5rem;grid-gap:6px;gap:6px}.side-card-video-title{font-weight:700;font-size:13px}.video-page-side-vid-container{display:flex;grid-gap:10px;gap:10px;max-width:24vw}.other-videos-header{margin-top:0}.side-video-time-stamp{color:#606060;font-size:12px}.side-video-thumbnail{height:7rem;width:12rem;border-radius:12px;object-fit:cover}.side-video-card-right{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.side-user-profile-picture{height:40px;width:40}.side-video-card-lower-information{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.side-card-video-username,.side-card-video-views{color:#606060;font-size:12px}.edit-comment-form{display:flex;flex-direction:column;align-items:center;padding:7rem;grid-gap:60px;gap:60px}.edit-comment-form>button{background-color:#085ed4;width:50%;align-self:center;color:#fff;font-family:"Lato",sans-serif;border:none;border-radius:12px;height:2rem;width:6rem;cursor:pointer;font-weight:700}.edit-comment-form>button:hover{background-color:#0850b6}.edit-comment-form>button:active{background-color:#0469f7}.edit-comment-modal-header{text-align:center}.edit-comment-textarea{border-radius:8px;padding-left:10px;min-height:6rem;padding-top:10px}.delete-comment-modal-wrapper{display:flex}.delete-comment-modal-form{display:flex;flex-direction:column;padding:3rem 4rem;align-items:center}.delete-comment-modal-buttons{display:flex;margin-top:1rem;flex-direction:column;grid-gap:1rem;gap:1rem}.delete-comment-modal-buttons>button{background-color:#085ed4;cursor:pointer;color:#fff;border-radius:12px;height:2rem;width:6rem;font-family:"Lato",sans-serif;font-weight:700;border:none}.delete-comment-modal-buttons>button:hover{background-color:#0850b6}.delete-comment-modal-buttons>button:active{background-color:#0469f7}#edit-button-comment-save-button{cursor:pointer}.upload-video-wrapper{height:90vh;width:70vw}.upload-video-form{height:100%}.upload-video-form,.user-page-account-info{display:flex;justify-content:center;align-items:center}.user-page-account-info{grid-gap:15px;gap:15px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;flex-direction:column;margin-top:6rem}.likes-and-my-videos-row,.user-pfp-image-and-upload-button-name{display:flex;grid-gap:2rem;gap:2rem}.likes-and-my-videos-row{cursor:pointer}.select-my-videos-active{border-bottom:1.5px solid #085ed4;padding-bottom:1rem}.user-page-profile-photo{width:140px;height:140px;border-radius:50%;object-fit:cover}.lower-user-page-upload{display:flex;flex-direction:column;align-items:center;margin-top:4rem}.upload-modal-input-wrapper{display:flex;flex-direction:column;grid-gap:10px;grid-gap:1.5rem;gap:1.5rem;position:absolute;width:80%;top:10%}#upload-vid-modal-title-textarea{height:3rem}#upload-vid-modal-description-textarea,#upload-vid-modal-title-textarea{font-family:"Lato",sans-serif;padding-left:8px;border-radius:4px;padding-top:6px;border:1px solid #ccc}#upload-vid-modal-description-textarea{height:5rem}#upload-vid-modal-category-input{height:1.5rem;font-family:"Lato",sans-serif;padding-left:8px;border-radius:4px;border:1px solid #ccc}.upload-video-clipart{width:140px;height:140px;border-radius:50%}.user-page-username-and-name{display:flex;flex-direction:column;justify-content:center;grid-gap:10px;gap:10px}.upload-header-and-text{display:flex;flex-direction:column;align-items:center;grid-gap:0;gap:0}.upload-video-text{font-size:22px;font-weight:500;margin-bottom:0}.initial-upload-text{width:80%;text-align:center;color:#606060;font-size:14px;margin-bottom:1.8rem}.edit-delete-modal-user-buttons-video{display:flex;justify-content:center;grid-gap:20px;gap:20px}.edit-delete-modal-user-buttons-video>button{background-color:#fff;border:1px solid #0a5ed4;color:#0a5ed4;height:2rem;width:6rem;border-radius:14px;font-family:"Lato",sans-serif;cursor:pointer}.edit-delete-modal-user-buttons-video>button:hover{background-color:#0a5ed4;color:#fff}.edit-delete-modal-user-buttons-video>button:active{background-color:#4376bc}#modal-open-user-button>button{background-color:#0a5ed4;border-radius:16px;border:none;color:#fff;font-weight:700;height:2.3rem;width:7rem;cursor:pointer}#modal-open-user-button>button:hover{background-color:#0356be}#modal-open-user-button>button:active{background-color:#2a74e3}.edit-video-form-modal{display:flex}.edit-video-form{display:flex;flex-direction:column;width:20rem;height:20rem;padding:1rem 2rem}#edit-modal-form-header{text-align:center}.edit-modal-inputs-wrapper{display:flex;margin-top:1.3rem;flex-direction:column;grid-gap:1rem;gap:1rem}.edit-modal-input-and-button-wrapper{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.edit-modal-inputs-wrapper>input{border-radius:6px;border:1px solid #e5e5e5;height:2rem;-webkit-padding-start:10px}.edit-modal-input-and-button-wrapper>button{background-color:#0a5ed4;font-family:"Lato",sans-serif;font-weight:700;width:6rem;height:2rem;color:#fff;border:none;border-radius:12px;align-self:center}.edit-video-modal-save-button{cursor:pointer}.edit-video-modal-save-button:hover{background-color:#0356be}.edit-video-modal-save-button:active{background-color:#2a74e3}.upload-loading-screen-wrapper{height:100vh;width:100vw;color:#fff;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;justify-content:center;align-items:center;background:#000}.loading-spinner{width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#474bff 94%,transparent) top/9px 9px no-repeat,conic-gradient(transparent 30%,#474bff);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 0);-webkit-animation:spinner-c7wet2 1s linear infinite;animation:spinner-c7wet2 1s linear infinite}@-webkit-keyframes spinner-c7wet2{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-c7wet2{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#modal-download-logo{font-size:60px;color:#909090;padding:2rem;border-radius:50%;background-color:#f9f9f9}#fileInput,#upload-video-modal-file-input{display:none}.custom-file-input{background-color:#085ed4;color:#fff;padding:.5rem 1.3rem;cursor:pointer;font-size:15px}#select-vid-file-to-upload{margin-bottom:0}#your-details-will-be-private{margin-top:0;margin-bottom:20px}.file-input{display:none}.upload-modal-file-step-wrapper{display:flex;flex-direction:column;align-items:center}.upload-video-text-header{align-self:flex-start;padding-left:35px;font-weight:400;border-bottom:1px solid #e5e5e5;padding-bottom:20px}.upload-video-main-input-div{align-self:center;display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;margin-bottom:10rem}#video-upload-error{color:red;display:flex;align-items:center;justify-content:center;grid-gap:5px;gap:5px;margin-top:0}.video-upload-step2-name{color:#085ed4}#thumbnail-input{display:none}.upload-thumbnail-section{display:flex;flex-direction:column;justify-content:center;width:20%;align-items:flex-start;align-items:center;border:1px dotted #dbdada;border-radius:4px;padding-top:15px;padding-left:10px;padding-right:10px}#upload-thumbnail-border-button{margin-top:12px;color:#7d7d7d;text-align:center}#thumbnail-image-file-icon{font-size:26px;color:#7d7d7d}#thumbnail-description-text-area{margin-top:0;width:60%;color:#606060;font-weight:300}.uploaded-thumbnail-preview{height:200px;width:200px;object-fit:contain}.thumbnail-preview-flex-test{display:flex}#thumbnail-preview-upload-text{margin-bottom:0}.thumbnail-info-header-p-and-header{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.thumbnail-rendered-image-preview-info{display:flex;flex-direction:column;align-items:center;position:absolute;right:0;bottom:80px}.final-modal-upload-video-button{margin-top:20px;width:12rem;height:4rem;align-self:center;border-radius:6px;color:#fff;border:none;cursor:pointer;background-color:#085ed4;font-size:20px;font-family:"Lato",sans-serif;font-weight:700}.final-modal-upload-video-button:hover{background-color:#0356be}.final-modal-upload-video-button:active{background-color:#2a74e3}.splash-top-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;font-size:100px}.splash-top-section.party{background-image:url(/static/media/dancing-group.69b9db47.gif)}.inactive-party-ball{height:64.15vh}.groovetube-text-header{font-family:"Keep on Truckin";margin-bottom:0;font-size:10rem;margin-top:0;letter-spacing:.05em;text-align:center;color:#f9f1cc;text-shadow:5px 5px 0 #ffb650,10px 10px 0 #ffd662,15px 15px 0 #ff80bf,20px 20px 0 #ef5097,25px 25px 0 #6868ac,30px 30px 0 #90b1e0}.second-section-groovetube-header{background:linear-gradient(45deg,#7f71f7,#fad961);display:flex;align-items:center;text-align:center;justify-content:center;margin-top:5rem;border-radius:30px;position:absolute;flex-direction:column;background-image:url(/static/media/bg5.cc81ac31.jpeg);background-size:cover;background-position:50%;font-weight:300;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;top:20%;color:#fff;max-width:30rem;padding:2rem}.second-section-button{background:none;border:1px solid #fff;border-radius:12px;color:#fff;font-family:"Lato",sans-serif;cursor:pointer}.second-section-button.one{height:3rem}.second-section-groovetube-header{line-height:25px}.second-section-button.two{height:2rem;padding:0 1rem}.splash-logo{min-width:200px;width:25vw;height:40vh;align-self:center;z-index:-1}.splash-logo-and-header{align-items:center;justify-content:center;grid-gap:5rem;gap:5rem;width:50%}.splash-all-wrapper,.splash-logo-and-header{display:flex;flex-direction:column}.welcome-to-groovetube{color:#ff6db6;font-family:"Lato",sans-serif;text-decoration:none;font-size:60px;font-weight:700;margin-top:0}.header-logo-splash-span{display:flex;align-items:center}.header-nav-logo-render{height:20vh}.go-to-app-button{height:4rem;width:12rem;margin-bottom:2rem;background-color:rgba(249,241,204,0);color:#f9f1cc;border:1px solid #f9f1cc;font-size:20px;font-family:"Lato",sans-serif;border-radius:30px;cursor:pointer;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-weight:700}.splash-second-section-2{height:100vh;width:100vw;display:flex;justify-content:center;position:relative}.splash-second-section-2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:0}#video-background-splash{position:absolute;right:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1}.splash-db-test{display:flex;flex-direction:column;align-items:center;border-radius:30px;padding:0 4rem}#video-background-splash-2{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}#video-background-splash:before{background-color:(0,0,0,.3)}.main-top-img-section{display:flex;width:100vw}.main-top-img{width:15vw}.indiv-img-top-sec{display:flex;flex-direction:column;flex:1 1;align-items:center;grid-gap:5rem;gap:5rem}.audio-play-button{align-self:flex-end;position:fixed;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-weight:700;background-color:rgba(249,241,204,0);border:1px solid #f9f1cc;color:#f9f1cc;font-family:"Lato",sans-serif;border-radius:30px;height:3rem;width:8rem;cursor:pointer;margin-right:2rem;margin-top:1rem;z-index:999}.audio-play-button:hover,.go-to-app-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.splash-about-me{margin-top:6rem;margin-left:6rem;height:22rem;width:18rem;bottom:6rem;left:2rem;position:absolute;background-image:url(/static/media/bg5.cc81ac31.jpeg);background-size:cover;background-position:50%;border-radius:8px;display:flex;flex-direction:column;align-items:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;margin-right:10rem;bottom:0}.carousel-container{overflow:hidden;position:absolute;bottom:2rem;right:2rem;width:50rem;height:10rem;background:linear-gradient(45deg,#7f71f7,#fad961);border-radius:20px}.carousel-slides{display:flex;align-items:center;-webkit-animation:carousel-slide 20s linear infinite both;animation:carousel-slide 20s linear infinite both;-webkit-animation-fill-mode:both;animation-fill-mode:both}.carousel-slide{margin-right:6rem}.carousel-image{width:8vw}.splash-about-me:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.me-img{width:200px;height:200px;object-fit:cover;border-radius:10px}.splash-div-socials{display:flex;grid-gap:2rem;gap:2rem}#splash-social-icon{color:#fff;font-size:20px}@-webkit-keyframes carousel-slide{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes carousel-slide{0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}video{width:850px;height:490px}#root{height:100%}body{font-family:"Lato",sans-serif}a{text-decoration:none;color:#000}
/*# sourceMappingURL=main.c366b0bd.chunk.css.map */