.app{width:99dvw}.under-nav{margin:10dvh auto}::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}::-webkit-scrollbar-thumb{background-color:var(--red-main)!important;border-radius:4px}::-webkit-scrollbar-track{background-color:var(--brown-main)!important;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:var(--red-light)!important}.video-page{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;gap:.5rem}@media (max-width: 600px){.video-page{width:90%}}video{max-width:100%;max-height:60dvh;border-radius:8px}.video-metadata{display:flex;flex-direction:column;gap:.5rem;outline:thick double;outline-color:var(--green-dark);padding:5px}.icon-container-vid{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:inherit;height:80px;flex:0 0 auto;border-radius:10px}.icon-container-vid:hover{overflow-x:auto;scroll-behavior:smooth}.icon-vid{width:50px;height:50px;margin-left:10px;margin-right:10px;border-radius:50%;flex-shrink:0;transition:transform .3s ease;object-fit:cover;background-color:var(--brown-main)}.icon-vid:hover{transform:scale(1.15)}.icon-vid:last-child{margin-right:0}.comments-accordion{width:100%}.comments-container{outline:thick double;outline-color:var(--green-dark);padding:5px}.comment-textfield{width:100%}.comment{padding:.5rem .5rem .5rem 1rem;display:flex;align-items:flex-start;gap:.7rem}.comment:nth-child(odd){background-color:var(--green-dark)}.comment:nth-child(2n){background-color:var(--green-main)}.comment:first-child{border-radius:10px 10px 0 0}.comment:nth-last-child(2){border-radius:0 0 10px 10px}.comment span{padding-top:.4rem;flex:1}.comment-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.add-comment-container{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding-top:1rem}.form-container{width:100%}.suggestions{padding-top:10px;display:flex;justify-content:center;align-items:flex-start;height:140px;width:100%}.next-video-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.next-video-thumbnail{width:100%;height:80%;object-fit:contain;display:block}.next-video-text{font-size:16px;font-weight:700;text-align:center}.next-video-thumbnail:hover{transform:scale(1.03)}@media (max-width: 768px){.suggestions{height:auto;flex-direction:column;gap:1rem;margin-top:.5rem}.next-video-container{max-width:100%;font-size:20px}}.video-form{display:flex;gap:.5rem;flex-direction:column;justify-content:space-between;outline:thick double;outline-color:var(--brown-main);padding:5px}.tv-link-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.tv-link-container img{width:100%;height:80%;object-fit:contain;display:block}.tv-link-container img:hover{transform:scale(1.05)}.tv-link-text{text-decoration:none;color:var(--green-contrast);font-size:16px;font-weight:700}a{text-decoration:none}.nav{background-color:var(--brown-main);width:100%;height:7dvh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;gap:2rem;z-index:1000}.nav *{color:inherit}@media (max-width: 768px){.nav{gap:1rem}}.search-accordion-container{width:90%;max-width:700px;margin:1rem auto}.search-accordion{outline:thick double;outline-color:var(--brown-main);padding:5px}.search-input{width:100%;padding-right:1rem;display:flex;gap:1rem}.search-location{margin:0 auto;margin-top:1rem}.search-slider{width:100%;display:flex;gap:1rem}.icon-container{padding:10px;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-width:95%;height:60px;margin:1rem auto}.icon{width:50px;height:50px;margin-right:10px;border-radius:50%;background-color:var(--brown-main);flex-shrink:0;transition:transform .3s ease;object-fit:fill}.icon:hover{transform:scale(1.15)}.icon:last-child{margin-right:0}.icon-container::-webkit-scrollbar{height:8px}.icon-container::-webkit-scrollbar-track{background:var(--brown-main);border-radius:4px}.icon-container::-webkit-scrollbar-thumb{background:var(--red-main);border-radius:4px}.icon-selected{outline:solid var(--red-light) 2px}.video-grid{margin:0 auto;display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(50px,250px));grid-gap:2vw;max-width:1240px}.video-grid-link{text-decoration:none}.video-card{height:93%;padding:10px 10px 5px;background-color:var(--green-main);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-decoration:none}.video-card>img{width:100%;object-fit:contain;border:2px solid black;border-radius:10px;aspect-ratio:16/9;background-color:#000}.video-card>h5{width:100%;margin:0;padding:0;text-align:center;color:var(--cream-light)}.video-card>p{width:100%;margin:0;padding:0;text-align:center;color:var(--cream-light)}p{font-size:14px}.unity-container{display:flex;justify-content:center;align-items:center;height:100vh}.unity{width:80%;height:80%;border:none}:root{--cream-main: #e2b48a;--cream-light: #eddab5;--cream-dark: #c8876a;--cream-contrast: #142117;--orange-main: #cc6635;--orange-light: #c9866c;--orange-dark: #cc6635;--orange-contrast: #142117;--red-main: #993831;--red-light: #a93e39;--red-dark: #87312d;--red-contrast: #eddab5;--green-main: #46624a;--green-light: #597d61;--green-dark: #2e422f;--green-contrast: #eddab5;--brown-main: #2b211a}.album-page-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.album-grid{margin:0 auto;display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(50px,250px));grid-gap:2vw;max-width:1240px}.album-card{height:93%;padding:10px 10px 5px;background-color:var(--green-main);border-radius:10px;color:var(--green-contrast);display:flex;flex-direction:column;align-items:center;text-align:center}.album-card-text{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.album-card>img{width:100%;object-fit:contain;border:2px solid black;border-radius:10px;aspect-ratio:16/9;background-color:#000}.album-card-title{width:100%;text-align:center;font-weight:600;font-size:16px}.album-card-metadata{width:100%;text-align:center;font-weight:400;font-size:14px}.album-form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90%}.album-form-accordion{max-width:800px;width:100%;margin:0 auto}.album-form{display:flex;gap:.5rem;flex-direction:column;justify-content:space-between;max-width:95%;margin:0 auto;outline:thick double;outline-color:var(--brown-main);padding:5px}.album-title-card{background-color:var(--green-main);color:var(--green-contrast);border-radius:20px;max-width:40%;margin:0 auto;margin-bottom:2rem;padding:1rem;display:flex;justify-content:space-around;align-items:stretch;gap:1rem}.album-title-card-thumbnail{max-width:50%;margin:0 auto;display:block;object-fit:contain}.album-title-card-info{display:flex;flex-direction:column;justify-content:space-between;flex:1;font-size:16px}.album-title-card-metadata>b{font-size:20px;line-height:.8rem}.album-title-card-created-by{text-align:center}.picture-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:80%;margin:0 auto}.picture-masonry>img{break-inside:avoid;margin-bottom:1rem;width:100%;display:block}.picture{cursor:pointer;transition:all .3s ease;object-fit:contain}.picture:hover{box-sizing:border-box;outline:5px solid var(--red-light);box-shadow:0 4px 8px #0003}.modal-container{display:flex;align-items:center;justify-content:center}.modal-content{width:85vw;height:90vh;outline:none;padding:10px;background-color:var(--green-main);display:grid;grid-template-rows:70% auto}.modal-content.no-tagged-people{grid-template-rows:75% 25%}.modal-picture{width:100%;height:80%;margin:0 auto;display:block;object-fit:contain}.no-pictures{display:flex;justify-content:center}.icon-container-picture{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:inherit;height:80px;padding-bottom:5px;flex:0 0 auto}.icon-pic{width:50px;height:50px;margin-left:10px;margin-right:10px;border-radius:50%;flex-shrink:0;transition:transform .3s ease;object-fit:cover;background-color:var(--brown-main)}.icon-pic:hover{transform:scale(1.15)}.icon-pic:last-child{margin-right:0}.person-select{width:100%;display:flex;align-items:center;gap:.5rem}.person-select>div{flex:1}.person-select>button{align-self:flex-end;margin-bottom:8px}@media (max-width: 480px){.album-title-card{flex-direction:column}}@media (max-width: 768px){.album-title-card{max-width:70%;flex-direction:column}.album-title-card-thumbnail{width:80%}.person-select{margin-top:2rem;flex-direction:column}.person-select>div{width:100%}.person-select button{margin-top:0;margin-bottom:3rem;width:100%}}@media (max-width: 1250px){.album-title-card{max-width:60%}}.upload-container{margin:1rem auto;text-align:center}.upload-input{display:none}.upload-button{background-color:var(--red-main);color:var(--red-contrast);padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.upload-button:hover{background-color:var(--red-light)}.grid-container{max-height:80vh;max-width:95vw;display:grid;margin:0 auto;grid-template-columns:repeat(3,1fr);grid-template-rows:30% 40% 30%;aspect-ratio:1/1;gap:4px}.grid-item{border-radius:10px}.grid-item img{background-color:var(--brown-main);aspect-ratio:1/1}.label{display:flex;justify-content:space-around;align-items:center;width:100%}.parent-box{grid-column:1 / span 3;background-color:var(--green-main);width:100%;height:100%;text-align:center;display:grid;grid-template-columns:100%;grid-template-rows:15% 85%}.sibling-box{background-color:var(--green-main);text-align:center;max-height:100%}.partner-box{grid-column:3;background-color:var(--green-main)}.children-box{grid-column:1 / span 3;background-color:var(--green-main);width:100%;height:100%;text-align:center;display:grid;grid-template-columns:100%;grid-template-rows:15% 85%}.main-person-box{grid-column:2}.person-grid{border-radius:10px;width:100%;height:100%;text-align:center;display:grid;grid-template-columns:100%;grid-template-rows:15% 60% 25%}.person-grid img{display:block;max-width:96%;max-height:96%;margin:2% auto;object-fit:cover;border-radius:50%;width:auto;height:-webkit-fill-available}.people-flex{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%}.people-grid{border-radius:10px;max-height:100%;width:100%;text-align:center;display:grid;grid-template-columns:100%;grid-template-rows:65% 35%}.people-grid img{display:block;max-width:96%;max-height:96%;margin:2% auto;object-fit:cover;border-radius:50%;aspect-ratio:1/1}.person-name{max-width:100%;height:auto;font-size:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.person-dates{font-size:14px}@media (max-width: 600px){.person-name{font-size:12px}.person-dates{font-size:10px}}.empty{filter:brightness(.4)}.MuiButton-root:focus{outline:none!important;background-color:transparent!important}.profile-picture.clickable:hover{cursor:pointer;outline:4px dashed var(--red-main)}.upload-label{display:inline-block}.profile-picture-container{position:relative}.upload-label:hover .profile-picture.clickable{opacity:.7}.add-page{display:flex}@media (max-width: 768px){.add-page{flex-direction:column}}.contact-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.contact-form{width:80%;max-width:600px;display:flex;flex-direction:column;padding:2rem;margin:1rem;background-color:var(--green-main)}.success-message{color:var(--green-contrast);font-weight:700;text-align:center}.login-page-container{display:flex;flex-direction:column;align-items:center}.login-form-container{width:90%;max-width:400px}.login-form-container h2{margin:0rem;text-align:left}.login-form-container p{text-align:left;font-size:12px}.form{display:flex;flex-direction:column;justify-content:center}.picture-guess-game{width:100%;display:flex;justify-content:center;align-items:center}.picture-guess-game-mobile{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.picture-window{width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:1rem}.people-list-mobile{margin-top:5vh;margin-bottom:5vh}.photo{max-width:60%;height:auto;width:auto}.Sidebar-wrapper{width:25%;height:100%;display:flex;justify-content:center;align-items:center}.Sidebar-content{width:100%;height:50%;display:flex;justify-content:center}.people-list{overflow:scroll;cursor:default;-ms-overflow-style:none;scrollbar-width:none}.score-area{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1vh;margin-bottom:1vh}@media (max-width:900px){.score-area{flex-direction:row;justify-content:space-around;size:10%;margin-top:5vh;margin-bottom:5vh}}.score-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.confetti{width:95%;justify-self:center}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.inspo-videos{display:flex;align-items:center;justify-content:center;gap:1rem}iframe{width:30dvw;aspect-ratio:16/9}.logo{width:500px;max-width:80%}.text-body{max-width:60%;font-size:18px;line-height:1.2rem}.forgotten{font-size:24px;text-align:center;padding:1rem;margin:2rem 0;font-weight:700}@media (max-width: 680px){.inspo-videos{flex-direction:column}iframe{width:90dvw;aspect-ratio:16/9}.forgotten{font-size:18px}.text-body{max-width:80%;font-size:15px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--green-contrast);background-color:var(--green-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}