@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;400&display=swap);.nav{font-family:PoiretOne;position:fixed;right:15px;top:7%;z-index:500}.nav button{all:unset;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:right;position:fixed;right:10px;row-gap:3px;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav button:hover{border:none;cursor:pointer}.nav-hr{border:2px solid #000;margin:0 20px 0 0;position:relative;right:8px;width:80%}.nav nav{align-items:center;display:grid;grid-template-rows:repeat(4,22%) 12%;height:55vh;justify-items:center;width:150px;z-index:300}.nav nav a{border-bottom:.5px solid;font-size:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-self:center;margin-top:10%;padding-bottom:10%;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dark .nav-hr{border:2px solid #fff}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:aqua}input:focus+.slider{box-shadow:0 0 3px #9898c2}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px;height:30px}.slider.round:before{border-radius:50%}.userInfo{align-items:center;background-color:hsla(0,0%,66%,.675);border:1px solid #000;color:#f9fbff;display:grid;grid-template-columns:.4fr .6fr;grid-template-rows:1fr 1fr;height:100px;justify-items:center;margin-left:2%;position:relative;width:200px;z-index:600}.userInfo svg{grid-column:1;grid-row:1/3}.userInfo span{background-color:rgba(0,0,0,.734);font-size:20px;grid-column:2;grid-row:1;letter-spacing:1px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.userInfo button{font-size:18px;grid-column:2;grid-row:2;height:60%;width:70%}.dark .userInfo{border:2px solid #f9fbff;color:aqua;text-shadow:0 0 10px #fdfeff}.dark .userInfo span{background-color:#030317}.deleteModal{align-items:center;color:#000;grid-template-rows:1fr 3fr}.deleteModal span{display:flex;justify-content:space-evenly}.deleteModal span .hover-text button{padding:10px}.random{font-size:22px;height:5%;left:28%;line-height:26px;position:relative;text-align:center;top:3%;width:50%;z-index:1}.random p{grid-row-gap:5%;align-items:center;display:grid;grid-template-columns:.1fr .9fr;padding:5px;row-gap:5%}.random p span:first-of-type{grid-row:1/3}.random p span:nth-of-type(2){border-bottom:1px solid aqua;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.random p span:last-of-type{grid-column:2;grid-row:2;padding-bottom:5px}@font-face{font-family:PoiretOne;src:local("PoiretOne"),url(/static/media/PoiretOne-aD0x.2d5fb32d52ffaed4fde4.ttf) format("truetype")}*{box-sizing:border-box;font-family:PoiretOne;margin:0;padding:0}.loginModal{justify-items:center}.loginModal h3{font-size:45px;margin:initial}.loginModal p{color:red;font-size:40px}.loginModal img{height:120px}.loginModal span .hover-text button{font-size:20px;height:50px;margin-left:2%;width:150px}.helpModal{align-items:center;color:#000;justify-items:center;padding:2%}.helpModal section{width:90%}.helpModal h4{font-size:30px;margin:0 auto 4%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.helpModal li{font-family:monospace;font-size:20px;margin-bottom:3%}.helpModal button{font-size:30px;height:100%;justify-self:center;width:40%}.login{color:#f9fbff;font-size:20px;justify-items:center}.login,.login form{align-items:center;display:grid}.login form{grid-row-gap:20%;grid-column:1;grid-row:1;height:95%;padding-bottom:15%;padding-top:5%;row-gap:20%;width:100%}.login form div,.login form label{display:flex;justify-content:space-evenly}.login form label input{color:#000;font-size:20px;height:30px;width:40%}.login form div button{font-size:18px;height:30px;width:30%}.login .help-button{all:unset;grid-column:1;grid-row:1;justify-self:center;position:relative;top:37%;z-index:50}.login .help-button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:15% 10% auto;margin:0 auto}.calendar h1{grid-column:span 7;text-decoration:underline}.calendar h1,.calendar-week{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.calendar-week{justify-self:center;padding-top:10%}.calendar-buttons{grid-column:span 7}.calendar-cell{align-items:center;background-color:#fdfeff7d;border:1px solid #fdfeff;display:grid;height:45px;width:45px}.calendar-cell.today{background-color:rgba(0,0,0,.718);border:3px solid aqua}.calendar-cell.today span{color:#fdfeff}.calendar-cell span{align-content:center;display:flex;font-size:20px;justify-content:center;text-align:center}.squares{align-self:end;display:grid;grid-column:2/4;grid-row:3;grid-template-columns:25% 50% 25%;height:200px;left:28%;position:relative}.squares div{align-items:end;display:grid;height:100%;text-align:center;width:100%}.square1,.square2,.square3{align-items:center;display:grid;position:relative;width:100%}.square1{height:125px;width:70%}.square1 span{margin-right:5%}.square2{background-color:#000;font-size:18px;height:165px;right:22%;z-index:300}.square3{height:200px;right:55%}.square3 span{margin-left:10%}.square2 span:first-child{font-size:26px}.home{background-image:url(/static/media/standing-wall.83ce05c4b56647f7490c.png);background-position:100% 95%;background-repeat:no-repeat;background-size:18% 33%;display:grid;grid-template-columns:40% 10% 30% 20%;margin-top:15%;padding-bottom:2%}.home .home-title{align-items:center;display:grid;grid-column:1;grid-row:1/4;height:90%;margin-left:4%}.home .home-title h2{color:#1e1e1e;display:grid;font-size:70px;height:80%;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #fff,0 0 82px #fff,0 0 92px #fff,0 0 102px #fff,0 0 151px #fff}.home .home-title h2 span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home .home-title a{grid-row:2;height:60px;justify-self:center;width:75%}.home .home-button{font-size:18px;height:50px;width:100%}.home .calendar{grid-column:3;grid-row:1;justify-self:center}.userDates .hover-text button{background-color:aqua;border:2px solid #000;box-shadow:none;color:#3e3e3e;font-size:18px;height:30px;margin-bottom:2%;width:60%}.userDates .dateEvents{border:1px solid #000;display:grid;height:20vh;list-style:square;margin-left:2%;margin-top:5%;max-height:25vh;overflow:auto;padding:10px 0;width:80%}.userDates .dateEvents li{margin-left:5%}.userDates .dateEvents li a{left:-10px;position:relative}.userDates .dateEvents a{color:#d3d3d3;font-size:20px;margin-top:10%}.userDates .dateEvents a:hover{color:aqua;-webkit-transform:scale(1.05);transform:scale(1.05)}.upcoming{display:grid;grid-template-rows:repeat();justify-items:center;list-style:none;margin-top:13%;width:100%}.happening-today{font-size:20px;letter-spacing:.5px;width:100%}.happening-today h5{border-bottom:.5px ridge #1bfcfc;font-size:24px;margin:8% 0;padding-bottom:4%;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.happening-today li{margin-bottom:5%}.happening-today a{color:#000}.happening-today a:hover{color:aqua;font-size:22px}.form{align-items:center;align-self:center;background-color:rgba(85,85,85,.74);border:2px solid #000;box-shadow:3px 3px 40px aqua;display:grid;font-size:26px;grid-template-columns:1fr .8fr;grid-template-rows:repeat(3,1fr);height:90%;justify-items:center;letter-spacing:1px;width:100%}.form input[type=submit]{color:aqua;font-size:20px;grid-column:span 2;grid-row:3;height:25px;justify-self:center;margin-right:40px;width:40%}.form label:nth-child(3){grid-column-gap:2%;-webkit-column-gap:2%;column-gap:2%;display:grid;grid-template-columns:.2fr 1fr;width:90%}.form label:nth-child(3) textarea{width:90%}.form label:first-child,.form label:nth-child(3){margin-left:5%}.form label input,.form label textarea{background-color:rgba(0,0,0,.734);background-color:aqua;color:#000;font-family:monospace;font-size:16px;padding:2px;width:160px}.form label{color:#f9fbff}.form input[type=checkbox]{-webkit-transform:scale(2);transform:scale(2)}.toggle-button{all:unset}.hover-text span{background-color:rgba(0,0,0,.94);bottom:35px;color:aqua;font-size:20px;padding:1px;position:relative;right:75px;text-align:center;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hover-text:hover span{visibility:visible}.animated-background{-webkit-animation:animatedBackground 25s linear infinite;animation:animatedBackground 25s linear infinite;background-image:url(/static/media/days-of-week-calendar.6f8c4184188f1777fa1f.png);background-position:50%;background-size:contain;height:100%;width:100%}@-webkit-keyframes animatedBackground{0%{background-position:100% 100%}to{background-position:-100% -100%}}@keyframes animatedBackground{0%{background-position:100% 100%}to{background-position:-100% -100%}}.index{grid-column-gap:3%;-webkit-column-gap:3%;column-gap:3%;display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:10% 60% 5% 35%;justify-items:center;margin-top:12%;padding-bottom:1%;width:95%}.index h2,.index h4{align-self:center;grid-row:1}.index h4{font-size:24px;grid-column:1;justify-self:left;position:relative;top:30px}.index h2{font-size:34px;grid-column:2;margin-bottom:2%}.index-list-container{box-shadow:-3px -3px 10px aqua;grid-column:2;grid-row:2;height:90%;width:100%}.index-list{align-items:center;background-color:rgba(85,85,85,.74);border:.5px solid #000;box-shadow:3px 3px 10px aqua;display:grid;font-size:18px;grid-auto-rows:55px;grid-template-columns:20% 60% 10% 10%;grid-template-rows:50px;height:100%;justify-items:center;max-height:100%;overflow-y:auto;padding:0 5px;width:100%}.index-list h3{border-bottom:.5px ridge aqua;font-size:26px;padding-bottom:2%;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.index-list h3 button{all:unset;font-size:28px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.index-list h3 button:hover{color:aqua;cursor:pointer}.index-list a{color:#05e3e3;font-size:25px;text-decoration:none}.index-list a:hover{text-decoration:underline;-webkit-transform:scale(1.1);transform:scale(1.1)}.index-list button.index-list-delete{all:unset}.index-list button.index-list-delete:hover{cursor:pointer}.index-list .no-schedule{color:aqua;grid-column:span 3;grid-row:2;justify-self:center}.index .hover-text{bottom:100%;grid-column:2;grid-row:3;left:10%}.index .hover-text .toggle-button svg path{fill:#00d1d1;stroke:#000}.dark .index .hover-text .toggle-button svg path{stroke:aqua;fill:#030317}.upcoming{grid-column:1;grid-row:2}.index .animated-background{grid-column:3;grid-row:1/5;height:100%;justify-self:left;width:50%}.index form{grid-column:2;grid-row:3/5}.show{grid-row-gap:2%;display:grid;grid-template-columns:90% 10%;grid-template-rows:10%;height:90%;margin-top:1%;padding-bottom:7%;row-gap:2%;width:90%}.show .show-header{align-self:center;font-size:40px;grid-column:span 2;text-align:center}.show .animated-background{margin-left:25%}.show-details{align-items:center;background-color:rgba(66,65,65,.734);border:2px solid #000;box-shadow:5px 5px 30px aqua;display:grid;grid-template-columns:2fr 1.2fr;grid-template-rows:1fr 3fr 1fr;height:93%;justify-items:center}.show-details img{grid-column:2;grid-row:1}.show-details .calendar{grid-column:2;grid-row:2}.show-details .calendar h1{color:#000;font-size:30px;text-decoration:none;text-shadow:0 0 10px aqua}.show-buttons{align-items:center;display:grid;grid-column:span 2;grid-row:3;grid-template-columns:repeat(3,1fr);justify-items:center}.show-buttons .hover-text{left:18%;top:0}.show-buttons .hover-text:first-of-type{left:26%}.show-buttons .hover-text:nth-last-of-type(2){left:29%}.show-buttons .hover-text .toggle-button svg{fill:aqua}.show-buttons .day-icon{height:120px}.show-info{align-items:center;align-self:center;background-color:rgba(0,0,0,.728);border:8px outset aqua;border-radius:10px;box-shadow:1px 1px 50px .2vw #d3d3d3;color:aqua;display:grid;font-size:26px;grid-column:1;grid-row:1/3;height:95%;padding:0 20px;text-align:center;width:80%}.show-info h2{display:flex;flex-direction:column;font-size:36px;row-gap:30px}.show-info h2 span:first-child{color:#d3d3d3;font-size:40px;text-decoration:underline;text-shadow:0 0 1px #fdfeff}.show-info h2 span:last-child{background-color:#00cbcb;border:1px solid #a9a9a9;color:#000;font-size:26px;margin:0 auto;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.show-info h2:last-of-type span:last-child{background-color:initial;border:initial}.show-info .show-description{max-height:11vh;overflow-y:auto}.show .form{all:unset;align-items:center;background-color:#747474;border:8px outset aqua;border-radius:10px;display:grid;grid-column:1;grid-row:1/3;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);height:92%;justify-items:center;width:80%;z-index:100}.show .form label{color:#fdfeff;font-size:30px;letter-spacing:3px;text-shadow:0 0 20px #fdfeff}.show .form input[type=submit]{grid-row:5;height:40px}.show .form label:nth-child(3){display:initial;display:flex;flex-direction:column;grid-row:3;row-gap:10px;text-align:center}.show .form label:nth-child(3) textarea{margin:0 auto}.show .form label:nth-child(2){grid-column:1;grid-row:2}.show .form label:nth-child(2) input{width:300px}.show .form label:nth-child(4){grid-row:4}.form label:first-child,.form label:nth-child(3){margin:0}.dark .show-details .calendar h1{color:aqua;text-shadow:0 0 6px #030317}.dark .show-info{background-color:#030317}.dark .show-info h2 span:last-child{background-color:aqua}.dark .show-info h2:last-of-type span:last-child{background-color:initial;border:initial}.new{display:grid;grid-template-columns:10% 80% 10%;grid-template-rows:10%;height:80%;margin:3% auto;padding-bottom:5%;text-align:center;width:85%}.new h2{font-size:35px;grid-column:2;grid-row:1}.new .form{align-items:center;background-color:rgba(85,85,85,.74);border:1px solid #000;box-shadow:2px 2px 50px aqua;display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);height:95%;width:90%}.new .form label{color:#000;-webkit-column-gap:10%;column-gap:10%;display:flex;font-size:35px;letter-spacing:1.5px;margin-left:25%;text-shadow:0 0 5px aqua;width:100%}.new .form label input,.new .form label textarea{width:45%}.new .form label:first-of-type{grid-row:1}.new .form label:nth-of-type(2){grid-row:2}.new .form label:nth-of-type(3){grid-row:3}.new .form label:nth-of-type(4){grid-row:4}.new .form input[type=checkbox]{margin-left:15%;-webkit-transform:scale(3);transform:scale(3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.new .form input[type=submit]{font-size:28px;grid-row:5;height:60%}.new .animated-background{grid-column:3;grid-row:1/3;justify-self:center;width:85%}.use-sound{all:unset;left:55%;position:fixed;top:88%}.use-sound img{height:85px}.use-sound:hover{border:initial}.about{background-image:url(/static/media/pern-background-livingroom.ae56da3db394da3b5a10.png);background-position:bottom;background-size:cover;padding-bottom:5%}.about-info{background-color:rgba(69,69,69,.767);box-shadow:0 0 .1vw .4vw #f9fbff,0 0 .4vw .6vw #fff,0 0 1vw .7vw #f9fbff;color:#f9fbff;display:grid;font-family:Lato,sans-serif;font-size:large;justify-items:center;left:28%;line-height:30px;padding:2%;position:relative;top:20%;width:50%}.about-info h3{box-shadow:1px 1px 15px #f89602;font-size:26px;margin-bottom:5%;text-align:center;text-decoration:underline;text-shadow:1px 1px 3px #000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-info p{font-size:20px;letter-spacing:.5px;margin-bottom:5%}.about-links{-webkit-column-gap:20%;column-gap:20%;display:flex;left:12%;position:fixed;top:50%}.about-links a:nth-child(2){box-shadow:0 0 1vw .4vw #f89602}.about-links a:first-child{box-shadow:0 0 1vw .4vw aqua}.about-links a:nth-child(3){box-shadow:0 0 1vw .4vw #df3551}.about .unlock-bonus{all:unset;left:21%;position:absolute;top:64%}.about .unlock-bonus:hover,.about-links a:hover,.project-links a:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.about .unlock-bonus img{height:60px}.about .project-links{display:flex;justify-content:space-evenly;width:70%}.dark .about-info{color:#f9fbff;text-shadow:0 0 4px #030317}.error{align-items:center;background-color:rgba(0,0,0,.825);border:1px solid aqua;box-shadow:1px 1px 80px aqua;color:#f9fbff;display:grid;height:70%;justify-items:center;letter-spacing:1px;margin-top:5%;padding-bottom:5%;width:75%}.error h1,.error h2{background-color:#878686;box-shadow:1px 1px 10px aqua;font-size:36px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.error img{height:250px}.error .error-button{background-color:#878686;border:1px solid #000;box-shadow:1px 1px 15px aqua;font-size:28px;height:70%;width:40%}.bonus{grid-row-gap:10%;display:grid;grid-template-columns:30% 70%;grid-template-rows:10% 20% 70%;justify-items:center;margin-top:7%;row-gap:10%;width:80%}.bonus-word{display:flex;font-size:50px;grid-column:2;grid-row:2;justify-content:space-evenly;width:100%}.bonus-word p{border-bottom:2px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:2%}.alphabet{grid-row-gap:5%;display:grid;grid-column:span 2;grid-row:3;grid-template-columns:repeat(6,1fr);justify-items:center;row-gap:5%;width:100%}.alphabet button{border:2px solid aqua;font-size:40px;height:60px;text-align:center;width:60px}.hidden{visibility:hidden}.bonus-hint{display:grid;font-size:28px;grid-column:1;grid-row:1/3;height:100%;justify-self:left;letter-spacing:1px;padding:3px;text-align:center;text-shadow:1px 1px 2px #f9fbff}.bonus .bonus-button,.bonus-hint{background-color:#000;border:8px outset aqua;border-radius:10px;color:#f9fbff}.bonus .bonus-button{bottom:100%;font-size:20px;height:60px;left:120%;position:relative;width:200px}.bonus .bonus-button:hover{background-color:#fff;color:#000;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.App,.about,.dark,.home,.index{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.App{background-color:#a9a9a9}.center{margin-left:auto;margin-right:auto}.hover-text{position:relative}.overlay{background-color:rgba(0,0,0,.893);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.deleteModal,.helpModal,.loginModal{background-color:hsla(0,0%,66%,.872);border:2px solid aqua;display:grid;height:60%;left:20%;position:relative;text-align:center;top:15%;width:60%;z-index:100}.deleteModal h3,.loginModal h3{font-size:50px;margin-top:10%}.dark{background-color:#030317;color:#fdfeff;letter-spacing:1px}.dark .calendar h1,.dark .happening-today a,.dark .home .home-title h2,.dark .index h2,.dark .nav nav a,.dark .text-shadow,.new .form label{color:#fdfeff;text-shadow:0 0 15px aqua}.nav nav a,.text-shadow{color:#fdfeff;text-shadow:0 0 15px #fdfeff}.dark .button-style,.dark .show-buttons button{background-color:#030317;border:1px solid aqua;color:aqua}.button-style,.dark .button-style,.dark .show-buttons button,.show-buttons button{box-shadow:0 0 .1vw .2vw #f9fbff,0 0 .4vw .1vw #fff,0 0 1vw .1vw #f9fbff;font-family:PoiretOne}.button-style,.show-buttons button{background-color:rgba(0,0,0,.734);border:1px solid #fff;color:#f9fbff}button:hover,input[type=submit]:hover{border:1px solid aqua;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}::-webkit-scrollbar{height:8px;width:7px}::-webkit-scrollbar-thumb{background-color:#000;border:1.3px solid #00d1d1;border-radius:8px}
/*# sourceMappingURL=main.525082c5.css.map*/