.no-nav-bar{margin:0 5%;display:flex}.navlink{text-decoration:none;color:#000}body{margin:0;padding:0;width:100vw;max-width:100%;font-family:Arial,Helvetica,sans-serif}body,input{box-sizing:border-box}input{width:100%;height:55;padding:10px 20px;margin-bottom:5px;margin-top:5px;border-radius:5px;border:1px solid #000;outline:none}button.default{background-color:#f65858;color:#fff;border:none;border-radius:10px}button.default,button.return{padding:10px 20px;margin:10px;width:200px;height:40px}button.return{background-color:#fff;color:grey;border:1px solid #c5c4c4;border-radius:10px}button.default:disabled{padding:10px 20px;margin:10px;width:200px;height:40px;background-color:#d9d9d9;color:#a4a4a4;border:none;border-radius:10px}button:disabled{cursor:default}textarea{width:100%;resize:none;padding:10px 20px;margin-bottom:5px;margin-top:5px;border-radius:5px;border:1px solid #000;box-sizing:border-box;outline:none;font-family:Arial,Helvetica,sans-serif}.errors{color:#f65c5c}.not-found{display:flex;align-items:center;width:100%;justify-content:center}@media only screen and (max-width:1023px){.no-nav-bar{margin:0;width:100%}}#full-login-page{box-sizing:border-box;height:100%;width:100%;align-items:center}#full-login-page,.login-buttons{display:flex;flex-direction:column;justify-content:center}.login-buttons>button{display:flex;margin-right:5px;margin-top:10px;border-radius:5px;background-color:#e00707;color:#fff;transition:.5s;width:100%;border:none;padding:10px;justify-content:center}.login-buttons>button:hover{cursor:pointer;background-color:#ff0e0e}.login-to-dropshotz{color:red;display:flex;justify-content:center;align-items:center}.login-form{display:flex;align-items:center;flex-direction:column}.new-to-dropshotz{margin-top:10px;display:flex;justify-content:flex-end}.new-to-dropshotz-words{margin-right:5px;color:#999}.new-to-dropshotz-link{text-decoration:none;color:#3686c4}#full-signup-page{margin:0 20%;box-sizing:border-box;padding:0 15%}#sign-up-header{color:red;display:flex;justify-content:center}.firstName-lastName{display:flex;width:100%;justify-content:space-between}#first-last-input{width:49%;margin:0}.sign-up-submit{display:flex;justify-content:center;flex-direction:column}.sign-up-submit>button{display:flex;margin-right:5px;margin-top:10px;border-radius:5px;background-color:#e00707;transition:.5s;width:100%;color:#fff;border:none;padding:10px;justify-content:center}.sign-up-submit>button:hover{cursor:pointer;background-color:#ff0e0e}.have-an-account{display:flex;justify-content:flex-end;margin-top:10px}.have-an-account-words{margin-right:5px;color:#999}.have-an-account-link{text-decoration:none;color:#3686c4}.error-class,.whole-create-vid-page{display:flex;flex-direction:column;align-items:center}.whole-create-vid-page{box-sizing:border-box;margin:60px 20% 0;border-radius:10px;height:500px;box-shadow:0 2px 20px 0 rgba(0,0,0,.2);width:700px;padding:30px;background-color:#fff}.outer-create-page-div{display:flex;justify-content:center;width:100%;background-color:#f9f9f9;height:100vh}.submit-video-button>button{display:flex;margin-right:5px;margin-top:10px;border-radius:5px;background-color:#e00707;transition:.5s;width:100%;color:#fff;border:none;padding:10px;justify-content:center}.submit-video-button>button:hover{cursor:pointer;background-color:#ff0e0e}.video-file{border:none;margin-top:30px;padding-left:3px;color:grey;padding-bottom:0}.mp4-pls{color:red;font-size:13px;margin-bottom:20px;padding-left:5px}#input-field{width:600px}#description{height:100px}.whole-nav{justify-content:space-between;padding:0 5% 0 2%;height:75px;box-sizing:border-box}.home-button,.whole-nav{display:flex;align-items:center}.home-button{font-size:25px}.burger{margin-right:15px;color:#a0a0a0}.burger-icon{cursor:pointer}.login-signup{display:flex;flex-direction:row}.login-signup-link{margin-left:15px;font-size:large;background-color:#e00707;padding:10px;border-radius:10px;cursor:pointer}.login-signup-link>a{color:#fff}.login-signup-link:hover{background-color:#ff0e0e}.navbar-spacer{box-sizing:border-box;border-bottom:1px solid #dcdcdc}.profile-button{width:50px;height:50px;border-radius:50%;cursor:pointer;position:relative}.profile-image{height:100%;width:100%;border-radius:50%;object-fit:cover}.drop-down{position:absolute;box-shadow:0 2px 20px 0 rgba(0,0,0,.2);margin-top:10px;background-color:#fff;width:150px;height:150px;right:5%;padding:0 10px;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:10px;z-index:1}.dropdown-welcome{padding:5%}.dropdown-info{padding:5%;display:flex}.dropdown-info:hover{text-decoration:none;background-color:#f0f0f0;cursor:pointer}.home-button-div{display:flex;align-items:center}.favicon-home,.logo{margin-right:10px}.create-vid-link,.nav-right{display:flex;align-items:center}.create-vid-link{margin-right:16px;height:3rem;width:150px;justify-content:center;border-radius:10px;transition:.3s}.create-vid-link:hover{text-decoration:none;background-color:#f0f0f0}.user-video-list-page{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;min-height:100vh;height:100%;width:100%}.user-videos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}footer{display:flex;height:100%;margin-left:-5%}.left-side{width:90px;min-width:180px;height:auto;max-height:100%}.icon{margin-right:10px;padding-left:30px}.left-side-box{width:100%;height:2.5rem;padding:5px 0;display:flex;align-items:center;font-weight:lighter;color:#303030;font-size:18px;border-radius:10px}.left-side-box:hover{background-color:#f0f0f0}.left-side-content{width:100%;font-weight:lighter;flex-direction:column;display:flex}.site-content{padding-bottom:8px;margin-left:-5%;border-bottom:solid #e5e5e5;border-width:thin}.intro{text-align:center;padding-right:5px;color:#303030}@media only screen and (max-width:1023px){.left-side{padding-left:3rem}}.video-list-page{max-width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background-color:#f9f9f9;height:100%;min-height:100vh;padding-top:20px;margin:0 0 10px}.each-video{width:300px;height:300px;margin:10px 10px 0;transition:.5s}.video-title-list{overflow-wrap:break-word;width:85%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.each-video:hover{background-color:#ebe8e8;border-bottom-left-radius:10px;border-bottom-right-radius:10px}video{background-color:#000;width:300px;height:200px}button:hover{cursor:pointer}.title{font-size:medium;font-weight:700;display:flex;align-items:center}.username{margin-left:46px;color:#606060;font-size:15px;height:20px}.prof-pic-div{margin-right:7px}.profile-image-video-list{height:40px;width:40px;border-radius:50%}.timer{margin-left:46px;color:#3e3e3e;font-size:15px}@media only screen and (max-width:1023px){.each-video{width:100%;height:500px;margin:0 0 10px}video{width:100%;height:400px}.video-list-page{padding:0}}.whole-edit-form{padding:10px 30px 0;width:100%;display:flex;flex-direction:column;align-items:center}.actual-edit-form{width:100%;height:100%}.cancel-submit-button{display:flex;flex-direction:column}.cancel-submit-button>button{width:450px;border:none;padding:15px;border-radius:10px;background-color:#e00707;transition:.5s;color:#fff;margin-top:10px;font-size:15px}.cancel-submit-button>button:hover{cursor:pointer;background-color:#ff0e0e}.description-edit{height:100px}#modal{display:flex;justify-content:center;align-items:center}#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;width:500px;height:450px;display:flex;justify-content:center;border-radius:15px}.delete-modal{flex-direction:column;margin-top:60px}.delete-modal,.nice-words{display:flex;align-items:center}.nice-words{margin-top:20px;color:#999}.video-title{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header-del-conf{display:flex;flex-direction:column;align-items:center}.video-page{height:100%;min-height:100vh;display:flex;justify-content:center;background-color:#f9f9f9;padding:30px;width:calc(100vw - 180px)}.section{padding-bottom:15px;border-bottom:1px solid #e0e0e0;margin-top:10px}.video-on-page{width:1000px;height:40rem;max-width:100%}.page-title{font-size:large;font-weight:700;margin:10px 0;width:90%}.timer-edit-delete{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.video-section{max-width:1000px}.page-timer{color:#626262}.edit-delete{display:flex;width:200px;justify-content:space-between}.video-description{width:60%}.pic-username{display:flex;align-items:center}.page-pfp-div{margin-right:7px;height:100%}.page-username{font-weight:700}.video-description{margin-left:47px;font-size:14px;overflow-wrap:break-word}.edit-delete>button{width:100px;margin-left:10px;border:none;padding:5px;border-radius:10px;background-color:#e00707;transition:.5s;color:#fff}.edit-delete>button:hover{cursor:pointer;background-color:#ff0e0e}.comment-count{font-size:large;font-weight:700;margin-bottom:10px;color:#030303;margin-top:10px}.go-to-user:hover{color:#282828}.each-comment{display:flex;margin-bottom:20px;align-items:center}.comment-username{margin-right:10px;font-weight:700}.second-half-comment{display:flex;align-items:center;justify-content:space-between;width:100%}.edit-delete-comment-button{display:flex}.delete-left-spacer{margin-left:5px}.first-section{align-items:center;justify-content:space-between}.first-section,.likes{display:flex;flex-direction:row}.likes{font-size:large}#is-liked{color:#00f}#is-liked:hover{color:#5c5cf6}.like-button{cursor:pointer}#not-liked:hover{color:#5c5cf6}#one-like{padding-right:10px}@media only screen and (max-width:1023px){.video-page{padding:0;width:100%}.no-video{padding:0 10px}}.edit-comment-modal{width:100%;padding:60px 30px 0;align-items:center}.edit-comment-modal,.whole-edit-comment-form{display:flex;flex-direction:column}.edit-comm-text-area{height:90px}.edit-comm-button{cursor:pointer}.edit-comm-button:hover{color:#4141f8}.comment{width:60%;overflow-wrap:anywhere}.delete-comment-form{padding-top:70px;display:flex;flex-direction:column;align-items:center}.delete-comm-buttons{margin-top:50px}.create-comm-textarea{height:5rem;background-color:#f9f9f9}.comment-form-page{margin-top:10px}.submit-button-div{display:flex;justify-content:flex-end;width:100%}.submit-button{padding:6px 20px;border:none}#yes-comm{background-color:#085ed4;color:#fff}#no-comm{color:#a9a9a9;background-color:#ececec}@media only screen and (max-width:1023px){.create-comm-textarea{font-size:xx-small}textarea::-webkit-input-placeholder{font-size:xx-small}textarea,textarea::placeholder{font-size:xx-small}}#about-exterior-container{width:100%;display:flex;justify-content:center;font-family:"Kodchasan-Light";margin-bottom:20px}#about-interior-container{display:flex;flex-direction:column;align-items:center}#developer-wrapper{display:flex;flex-direction:row}#developer-name{width:100%;font-size:xx-large;margin:10px}#developer-name,#profile-picture-wrapper{display:flex;justify-content:center}#developer-profile-picture{width:90%;height:390px;object-fit:cover;border-radius:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}#individual-developer{display:flex;flex-direction:column;justify-content:center;border:1px solid grey;border-radius:10px;margin:10px;width:28em}#developer-socials{display:flex;flex-direction:row;justify-content:center}#developer-socials>*{box-shadow:0 2px 5px 0 rgba(0,0,0,.3);border-radius:5px;background-color:#323232;padding:5px;width:25%;margin:10px;display:flex;justify-content:center;text-decoration:none;transition:all .2s ease-in-out}#developer-socials>:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}#projects-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}#bio{margin:10px 0;height:8em;color:#817f7f}#bio,#connect{padding:0 20px}#connect{margin-top:10px;margin-bottom:-8px}#projects{padding:0 20px;margin:10px 0}#individual-project{transition:all .2s ease-in-out}#individual-project:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.about-logo{color:#fff;text-decoration:none;transition:all .2s ease-in-out}#about-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#f9f9f9;height:100%;min-height:100vh}@-webkit-keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tilt-shaking{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
/*# sourceMappingURL=main.9f87e8b4.chunk.css.map */