:root{--yellow:#fffdba;--green:#d4ffd1;--red:#ffc6c6;--blue:#c6d0ff;--purple:#e8c2e8;--gray:#cacaca;--pink:#ffd5dc;--black:#000;--darkBlue:#030050;--lightBlue:#d4d5ed;--orange:orange;--white:#fff;--gray:#313131}body,ul{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}#navbar-container{align-items:center;background-color:#313131;background-color:var(--gray);color:#fff;color:var(--white);justify-content:space-between;overflow-x:auto;padding:15px;white-space:nowrap;width:auto;z-index:1}#navbar,#navbar-container{display:flex;flex-direction:row}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links li{margin:0 5px}.navbar-links a{color:#fff;color:var(--white);text-decoration:none}.navbar-links a:hover{color:orange;color:var(--orange)}.navbar-links a.active{border-bottom:2px solid orange;border-bottom:2px solid var(--orange);padding-bottom:2px}#home,#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#home{background-image:url(/static/media/homepage.3300a8188d97357ffdd2.png)}#navbar-buttons{display:flex;flex-direction:row;padding:3px}@media (max-width:740px){#navbar-container{overflow-x:auto;top:0}#navbar-buttons,#navbar-container{align-items:center;display:flex;flex-direction:row;left:0;padding:1rem;position:fixed;right:0}#navbar-buttons{background-color:#313131;background-color:var(--gray);top:35px;z-index:1}#navbar{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative;z-index:2}.navbar-links{display:flex;gap:10px;justify-content:center;list-style:none}#navbar-overlay{background:linear-gradient(90deg,#313131 0,hsla(0,0%,50%,0) 0,transparent 80%,hsla(0,0%,50%,0) 85%,#313131);background:linear-gradient(to right,var(--gray) 0,hsla(0,0%,50%,0) 0,transparent 80%,hsla(0,0%,50%,0) 85%,var(--gray) 100%);height:5%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}}.navbar-search{align-items:center;display:flex;justify-content:center}.navbar-search input{border:none;border-radius:4px;margin:0 2.5px;padding:5px;width:50%}.navbar-login-signup{align-items:center;display:flex;justify-content:center}.login-button,.logout-button,.search-button,.signup-button{background-color:orange;background-color:var(--orange);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;margin:0 2.5px;padding:5px 10px;transition:background-color .3s ease-in-out;width:80px}.login-button:hover,.logout-btton:hover,.search-button:hover,.signup-button:hover{background-color:#030050;background-color:var(--darkBlue)}.popup{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-content{background-color:#fff;background-color:var(--white);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);padding:20px;position:relative}.popup h2{margin-bottom:10px}.popup input{border:1px solid #ccc;border-radius:4px;display:block;margin:5px 0;padding:5px;width:100%}.popup button{background-color:orange;background-color:var(--orange);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;padding:5px 10px}.popup button:hover{background-color:#030050;background-color:var(--darkBlue)}.popup .close{cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.welcome{align-items:center;background-color:#ffffffda;border:1px solid #030050;border:1px solid var(--darkBlue);border-radius:15px;color:#030050;color:var(--darkBlue);display:flex;flex-direction:column;flex-wrap:wrap;font-size:45px;justify-content:flex-start;margin:120px 0 50px 65px;padding:40px;width:40%}.welcome p{margin:0}.welcome-paragraphs p{padding-left:20px;position:relative}.welcome-paragraphs p:before{content:"\00a0\00a0";left:0;position:absolute}.regular-p,.welcome-paragraphs{color:#000;color:var(--black);font-size:25px;font-weight:700;margin:20px 0 0 35px;text-indent:20px;text-shadow:1px 1px 4px orange;text-shadow:1px 1px 4px var(--orange)}@media (max-width:740px){.welcome.mobile{align-content:center;align-items:center;display:flex;font-size:30px;justify-content:center;text-align:center}.welcome-paragraphs p.mobile{padding-left:0;position:relative}.regular-p.mobile{color:#000;color:var(--black);font-size:20px;font-weight:700;margin:5px 0 0;padding:0;text-align:center;text-indent:0;text-shadow:1px 1px 4px orange;text-shadow:1px 1px 4px var(--orange)}.welcome-paragraphs p{font-size:large;margin-top:25px;padding:0 5px}.welcome-paragraphs p:before{content:none}}#people{display:flex;flex-direction:row;margin:20px}.photo{border-radius:10px;flex-direction:column;flex-wrap:wrap;max-width:40%}.download-option{border-radius:0;color:#030050;color:var(--darkBlue);cursor:pointer;font-size:14px;padding:10px;text-decoration:none;transition:background-color .3s ease-in-out}.download-option:hover{background-color:orange;background-color:var(--orange)}@media (max-width:740px){#people{display:flex;margin:90px 20px 20px}#people,.photo{flex-direction:column}.photo{border-radius:10px;flex-wrap:wrap;max-width:100%}.download-option{border-radius:0;color:#030050;color:var(--darkBlue);cursor:pointer;font-size:14px;padding:10px;text-decoration:none;transition:background-color .3s ease-in-out}.download-option:hover{background-color:orange;background-color:var(--orange)}.box{margin:10px}.box,.image-container{display:inline-block;position:relative}.overlay{align-items:center;background-color:rgba(0,0,0,.6);border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:2px;display:flex;justify-content:space-around;left:0;opacity:0;padding:5px 0 10px;position:absolute;transition:opacity .3s ease;width:100%}.image-container:hover .overlay{opacity:1}.icon,.icon.star{color:#fff;font-size:24px;margin:0 5px}.icon.star{cursor:pointer}.icon.star.filled,.icon.star.filled:hover,.icon:hover{color:orange;color:var(--orange)}}#footer-container{background-color:orange;background-color:var(--orange);bottom:0;color:#030050;color:var(--darkBlue);position:fixed;text-align:center;width:100%}.image-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.image-card{align-items:center;border:1px solid #ccc;display:flex;flex-direction:column;padding:10px}.image-card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.image-card img{height:auto;max-width:100%}.image-description{color:#555;font-size:14px;margin-top:5px}.image-description p{margin:0;padding:0}.image-container{position:relative}.overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:space-around;left:0;opacity:0;padding:5px 0;position:absolute;transition:opacity .3s ease;width:100%}.image-container:hover .overlay{opacity:1}.download-button,.favorites-button{background-color:#030050;background-color:var(--darkBlue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:14px;margin-top:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease-in-out}.download-button:hover,.favorites-button:hover{background-color:orange;background-color:var(--orange)}.image-buttons{align-items:center;display:flex;flex-direction:column;margin-top:10px}
/*# sourceMappingURL=main.4d2de466.css.map*/