:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:url(/assets/star-bg-Oqg840iS.jpeg);background-repeat:no-repeat;background-size:cover}@property --color1{syntax: "<color>"; inherits: false; initial-value: #03001C;}@property --color1Transparent{syntax: "<color>"; inherits: false; initial-value: rgba(255,255,255,.4);}@property --color2{syntax: "<color>"; inherits: false; initial-value: #301E67;}@property --color3{syntax: "<color>"; inherits: false; initial-value: #5B8FB9;}@property --color4{syntax: "<color>"; inherits: false; initial-value: #B6EADA;}@property --colorPink{syntax: "<color>"; inherits: false; initial-value: #FF5FCF}@keyframes mymove{0%{background-color:#000}to{background-color:var(--color1)}}body{color:var(--color4);text-align:center}.text-left{text-align:left}.d-flex{display:flex}.flex-column{flex-direction:column}.mt-2{margin-top:2rem}.pl-5p{padding-left:5px}.left{text-align:left}.main{border:1px solid var(--colorPink);background:var(--color1Transparent);padding:.5rem 1rem;margin:1rem 3rem;border-radius:10px;display:flex;flex-direction:column;min-height:100vh}.middle{vertical-align:middle}.App{min-height:100vh;display:flex;flex-direction:column}h1,h4{font-family:Courier New,monospace;color:var(--color1);animation:lights 5s .75s linear infinite;margin:0;padding:0}@media(max-width:768px){h1,h4{line-height:1}}.title{margin-bottom:1rem}section{border-top:1px solid var(--colorPink);margin-bottom:1rem}button{cursor:pointer;background-color:var(--color1Transparent);color:var(--color2);box-shadow:0 4px 8px #0003;border:none;padding:.5rem;border-radius:5px;font-weight:700}.wrapper{display:flex;justify-content:center;gap:1rem;margin-top:1rem}@media(max-width:768px){.wrapper{flex-direction:column}}.color1{color:var(--color1)}input[type=date]{background-color:transparent;color:var(--color1);font-weight:700;border:1px solid var(--colorPink);border-radius:4px;padding:.5rem;font-size:1rem;outline:none;cursor:pointer;color-scheme:dark}input[type=radio]{accent-color:var(--color1Transparent)}.mode-selector label{color:var(--color1);font-weight:700}input[type=radio],.mode-selector label{cursor:pointer}.mode-selector{margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--color1);color:var(--color4);padding:2rem;border-radius:10px;border:1px solid var(--color4);max-width:55%;max-height:80vh;overflow-y:auto;position:relative;width:90%}.modal-content img{width:100%;height:auto;border-radius:10px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;color:var(--color4);cursor:pointer}.pictures-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;justify-content:center;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.picture-item{border-radius:10px;background:linear-gradient(to bottom,var(--color1Transparent),var(--color1));display:flex;flex-direction:column;width:300px;height:400px;overflow:hidden;box-shadow:0 4px 8px #0003}img{border-radius:10px;width:100%;height:250px;object-fit:cover}.no-img{height:250px;display:inline-flex;align-items:center;justify-content:space-evenly}figure{margin:0}figcaption{color:var(--color3);font-weight:700}a{text-decoration:underline;color:var(--color2);cursor:pointer}.card-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;color:var(--color3)}.card-footer p{flex:1;text-align:left;padding-left:7px}.card-footer a{flex:1;text-align:right;text-decoration:underline;color:var(--color3);padding-right:7px}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background:var(--color1);color:var(--color4);text-align:center;padding:1rem;margin-top:2rem;border-top:1px solid var(--colorPink)}.footer strong{color:var(--colorPink)}
