@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Newsreader:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap);.App{text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center}#timer{color:#202020}#timer,h1{font-family:"Newsreader","Roboto"}h1{margin:1rem;font-weight:700;color:#383838}#timer>p{margin:1rem;padding:0 1rem;font-size:large}#timer>span{margin:1rem 0 0;color:#707070}#timer>img{margin:4rem;height:200px}.form-page{display:flex;width:100%;padding:0 2rem}@media screen and (max-width:768px){.form-page{flex-direction:column}#form{width:100%}}#form{padding:1rem;width:50%;color:#202020;display:flex;flex-direction:column;align-items:center}#form,#form>p{font-family:"Newsreader","Roboto"}#form>p{color:rgba(75,75,75,.5647058823529412);font-size:12px}#form>*{margin:1rem 0}#form>.card{display:flex;flex-direction:column;border-radius:.5rem;padding:1rem;width:100%}#form>.card>.divider{width:100%;height:2px;background-color:hsla(0,0%,74.5%,.5647058823529412);margin:1rem 0}#form>.divider{width:100%;margin:.5rem 0;border:1px solid hsla(0,0%,74.5%,.4392156862745098)}#form>.card>button,#form>.card>input,#form>.card>select,#form>.card>textarea{font-family:"Newsreader","Roboto";color:#202020}#form>.card>input,#form>.card>select,#form>.card>textarea{border:0;border-radius:.5rem;width:100%}#form>.card>input:focus,#form>.card>select:focus,#form>.card>textarea:focus{outline:none;box-shadow:none}#form>.card>textarea{min-height:20rem}#form * button,#form>label{text-decoration:none;text-transform:uppercase;font-family:"Newsreader","Roboto";font-weight:700;font-size:14px;border:2px solid #707070;color:#707070;background-color:#fff;border-radius:100px;outline:none;cursor:pointer;padding:6px 24px;margin:0 .5rem;transition:transform .3s,box-shadow .3s}#form>label{margin-top:1rem}@media (hover:hover){#form * button:hover,#form>label:hover{box-shadow:3px 3px 0 rgba(0,0,0,.26);transform:translateY(-3px) translateX(-3px)}}#form>#error-para{color:red;font-weight:700;margin:0;font-size:16px}#form>.card>select{display:flex}#yearbook>.holder{display:flex;flex-wrap:wrap;width:100%;justify-content:center}#yearbook>.holder>.yb-card{display:flex;flex-direction:column;align-items:center;margin:2rem;width:20rem;max-width:100%;font-family:"Newsreader",sans-serif;transition:all .2s ease;text-decoration:none;position:relative}#yearbook>.holder>.yb-card:hover{transform:scale(1.1);cursor:pointer}.yb-card .tooltiptext{visibility:hidden;text-align:center;border-radius:6px;padding:.5rem;position:absolute;z-index:100;bottom:105%;font-size:10px;color:#fff;background-color:rgba(0,0,0,.3137254901960784);font-weight:700}.yb-card .tooltiptext:after{content:"";position:absolute;right:50%;top:100%;border:5px solid transparent;border-top-color:rgba(0,0,0,.3137254901960784)}.yb-card:hover .tooltiptext{visibility:visible}#yearbook>.holder>.yb-card>.profile-picture{height:200px;width:200px;object-fit:contain}#yearbook>.holder>.yb-card>p{margin:0;color:rgba(0,0,0,.596078431372549)}#yearbook>.holder>.yb-card>.name{margin-top:1rem;font-size:larger;font-weight:700}#yearbook>.holder>.yb-card>.nickname{color:rgba(0,0,0,.3764705882352941)}#yearbook>.holder>.yb-card>.quote{margin:1rem 0;font-family:"Caveat",cursive;font-size:20px;width:90%;white-space:pre-wrap}.pagination{display:flex;align-items:center;justify-content:center;font-family:"Newsreader",sans-serif;margin-bottom:8rem}.pagination>*{margin:0 16px}.pagination>p{font-weight:700;font-size:large;color:#707070}.pagination>button{text-decoration:none;font-family:"Newsreader",sans-serif;text-transform:uppercase;color:#707070;font-weight:700;font-size:12px;padding:7px 30px;max-width:7rem;background:none;border:2px solid #707070;border-radius:100px;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pagination>button:disabled{cursor:default;pointer-events:none;box-shadow:none;color:hsla(0,0%,43.9%,.25098039215686274);border-color:hsla(0,0%,43.9%,.25098039215686274)}@media (hover:hover){.pagination>button:hover{box-shadow:3px 3px 0 rgba(0,0,0,.26);transform:translateY(-3px) translateX(-3px)}.pagination>button:active{box-shadow:none;transform:translateY(3px)}}@media (hover:none){.pagination>button{-webkit-tap-highlight-color:transparent;box-shadow:0 2px 2px rgba(0,0,0,.26)}.pagination>button:active{box-shadow:none;transform:translateY(3px)}}@media screen and (max-width:768px){.yb-card{padding:2rem 0;border-radius:5px;box-shadow:2px 3px 6px 0 rgb(0 0 0/25%)}}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#707070}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-text{font-family:"Newsreader","Roboto";color:rgba(75,75,75,.5647058823529412);font-size:14px;margin:1rem 0}.preview{flex-direction:column;width:50%}.note-container,.preview{display:flex;align-items:center}.note-container{padding:2rem;width:100%;justify-content:center}.note-container>.note{background:#f1f180;max-width:100%;width:16rem;border-radius:6px;box-shadow:1px 1px 7px 0 grey;transition:all .5s ease}.note-container:hover>.note{transform:rotate(0deg) scale(1.1);box-shadow:2px 2px 7px 5px hsla(0,0%,43.9%,.3137254901960784);cursor:default}.note-container>.note>.note-header{height:16px;background:green}.note-container>.note>.text{padding:1rem;font-size:24px;color:rgba(0,0,0,.5843137254901961);font-family:"Caveat",cursive;word-wrap:break-word;white-space:pre-wrap}.note-rotation-0,.note-rotation-1{transform:rotate(2deg)}.note-rotation-2{transform:rotate(4deg)}.note-rotation-3{transform:rotate(6deg)}.note-rotation-4{transform:rotate(8deg)}.note-rotation-5{transform:rotate(10deg)}.note-rotation-6{transform:rotate(12deg)}.note-rotation--1{transform:rotate(-2deg)}.note-rotation--2{transform:rotate(-4deg)}.note-rotation--3{transform:rotate(-6deg)}.note-rotation--4{transform:rotate(-8deg)}.note-rotation--5{transform:rotate(-10deg)}.note-rotation--6{transform:rotate(-12deg)}@media screen and (max-width:768px){#form,.preview{width:100%}}.wall{padding-bottom:8rem}.wall,.wall>.yb-card{display:flex;flex-direction:column;align-items:center}.wall>.yb-card{margin:2rem 6rem;width:auto;font-family:"Newsreader",sans-serif;transition:all .2s ease;text-decoration:none}.yb-card>*{width:50%}.yb-card>.profile-picture{max-height:36rem;object-fit:contain}.description{margin-top:2rem}.description>p{margin:0;color:rgba(0,0,0,.596078431372549)}.description>.name{margin-top:1rem;font-size:larger;font-weight:700}.description>.nickname{color:rgba(0,0,0,.3764705882352941)}.description>.quote{margin:1rem 0;font-family:"Caveat",cursive}.wall>.divider{width:90%;margin:2rem 0;border:2px solid hsla(0,0%,74.5%,.4392156862745098)}.wall>h1,.wall>p{color:rgba(0,0,0,.596078431372549)}.wall>a{color:#add8e6}.wall>.holder{display:flex;justify-content:center;flex-wrap:wrap;padding:0 0 2rem}.wall>.holder>.note-container{width:24rem}.wall button{text-decoration:none;font-family:"Newsreader",sans-serif;text-transform:uppercase;color:#707070;font-weight:700;font-size:12px;padding:8px 24px;max-width:16rem;background:none;border:2px solid #707070;border-radius:100px;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.wall button:disabled{cursor:default;pointer-events:none;box-shadow:none;color:hsla(0,0%,43.9%,.25098039215686274);border-color:hsla(0,0%,43.9%,.25098039215686274)}.wall button svg{width:18px;height:18px;stroke-width:3;margin-right:.5rem}@media (hover:hover){.wall button:hover{box-shadow:3px 3px 0 rgba(0,0,0,.26);transform:translateY(-3px) translateX(-3px)}.wall button:active{box-shadow:none;transform:translateY(3px)}}@media (hover:none){.wall button{-webkit-tap-highlight-color:transparent;box-shadow:0 2px 2px rgba(0,0,0,.26)}.wall button:active{box-shadow:none;transform:translateY(3px)}}.wall .description p{font-size:18px}@media screen and (max-width:768px){.wall .yb-card{margin:2rem;padding:0;box-shadow:none;border-radius:0}.wall .description{width:100%}}
/*# sourceMappingURL=main.1904243d.chunk.css.map */