body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:#fff2c3;font-family:Mulish,sans-serif;min-height:50rem;padding-bottom:200px}.button{align-items:center;background:none;border:none;border-radius:50%;display:flex;flex-direction:column;height:min(20vw,55px);margin-left:auto;margin-right:5vw;width:min(20vw,55px)}button{cursor:pointer}button:focus{outline:none}.navbar{align-items:center;background:#4267b2;color:#fff;display:flex;flex-direction:row;font-weight:800;justify-content:left;min-height:4.375rem;min-width:50%;position:fixed;text-align:center;top:0;white-space:nowrap;width:100%;z-index:1}.logo{height:45px;margin-left:5vw;margin-right:5vw;width:45px}.title-container{align-content:center;align-items:flex-end;display:flex;flex-wrap:wrap;height:100%;justify-content:left}.title-link{color:#fff;margin:0 1.5rem 0 0}.title-link:hover{text-decoration:none}.title{font-size:min(6vw,2.125rem);margin:0 1rem 0 0}.subtitle{font-size:min(3.5vw,1.125rem);margin:0 0 .3rem}.nav-button{align-items:center;background:none;border:none;border-radius:50%;display:flex;flex-direction:column;height:min(20vw,55px);margin-left:auto;margin-right:min(12vw,120px);width:min(20vw,55px)}.dropdown{height:450px;margin-top:62px;min-width:120px;position:absolute}.dropdown-content{background-color:#f7f7f7;border-radius:0 0 10px 10px;box-shadow:0 4px 8px 0 #898f9c;display:none;min-width:120px;position:relative;text-align:center;z-index:1}.dropdown-content a{color:#4267b2;display:block;font-family:Mulish,sans-serif;font-size:min(4vw,1.125rem);font-weight:700;padding:12px 16px;text-align:center;text-decoration:none;transition:background-color .35s ease-out}.dropdown-content a:hover{background-color:#ddd}.dropdown .dropdown-content{display:block}.nav-button-image{cursor:pointer;height:55px;position:relative;right:-2px;width:45px}.nav-button-image:hover{filter:brightness(85%)}.rotate{transform:rotate(180deg)}.current-link{background-color:#ddd}.posts{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:4.375rem 15px 0;position:relative;text-align:left;z-index:0}.profile-pic{border-radius:32px;float:left;height:3.5rem;width:3.5rem}.post-container{background-color:#fff2c3;border-radius:0 25px 0 0;margin-top:48px}.post-header{font-size:min(5vw,1.625rem);margin-left:5rem;position:relative}.post-subheader{color:#606060;margin-left:5rem}.post-body-text{margin:20px 0}.hidden-text{visibility:hidden}.gray-text{color:#606060}.content-container{background-color:#fff;border-radius:20px;margin:2rem auto;max-width:800px;padding:25px 25px 10px;width:80%}.forward-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin-top:40px;z-index:4}.spaced-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;text-align:center;width:100%}.flex-column{align-content:center;display:flex;flex-direction:column;width:100%}.body-text{font-size:min(4vw,1.125rem)}.forward-button{align-items:center;background-color:#4267b2;border-radius:50%;border-width:0;cursor:pointer;display:flex;height:min(20vw,55px);justify-content:center;width:min(20vw,55px)}.forward-button:active{transform:translateY(5px)}.hidden-button{display:none}.text-bold{font-weight:700}.comments-container{border-radius:0 0 20px 20px;margin-bottom:-36px;padding-bottom:0;padding-top:5px;position:relative;top:-50px}.comment-bubble{background-color:#eef0f1;border-radius:25px;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:32px;max-width:815px;padding:15px 20px;width:100%}.divider{background-color:#ccc;border:none;height:1px;margin-bottom:30px}.comment-profile-pic{border-radius:32px;height:min(10vw,3.5rem);margin:0 20px 0 0;width:min(10vw,3.5rem)}.single-comment-container{display:flex;flex-direction:row}.answer{margin-left:min(15vw,75px)}.answer-profile-pic{border-radius:32px;height:min(8vw,3rem);margin:0 20px 0 0;width:min(8vw,3rem)}.show-answer{background:none;border:none;color:#65676b;font-family:Mulish,sans-serif;font-size:min(4vw,1rem);font-weight:700;left:5.75rem;position:relative;top:-25px}.show-answer:hover{text-decoration:underline}.essay-container{align-content:center;align-items:center;display:flex;flex-direction:column}.essay-background{background-color:#d3d3d3;border-radius:15px;padding:10px}.score-bar{background:#fff;display:block;height:5px;margin-bottom:15px;margin-top:15px;position:relative;width:450px}.score-bar-circle{background:#000;border-radius:10px;height:20px;left:50%;position:absolute;top:-7.5px;width:20px}.written-essay{background-color:#fff;border-radius:15px;margin:2vh 0;padding:10px}.essay-section{margin-left:5%;margin-right:5%}.essay-sentence{margin:0 .2vw}.word-suggestions-bar{display:flex;flex-direction:row;justify-content:space-between;width:100%}.essay-lower-bar{display:flex;flex-direction:row;justify-content:center}.word-suggestion{background-color:#fff;border-radius:5px;margin:0 2vw;padding:5px 10px}.word-suggestion:hover{background-color:#d1eded;border-radius:5px}.selected-word{background-color:#7cffff}.selected-word-suggestion{background-color:#7cffff;border-radius:5px;margin:0 2vw;padding:5px 10px}.changeable-word{background-color:#d1f1fc}.changeable-word:hover{background-color:#d1eded}.reset-button{background-color:#fff;border-radius:5px;margin-bottom:1vh;margin-top:2vh;padding:5px}.reset-button:hover{background-color:#789}.select-score{margin-bottom:10px!important;margin-top:10px!important}button{background-color:skyblue;border-radius:5px;padding:10px}p{margin:0}.bold{font-weight:700}.bold,.underline{background-color:initial}.underline{text-decoration:underline}.italic{background-color:initial;font-style:italic}.highlight{border-radius:7px;padding:0 5px 3px}.yellow{background-color:#ffedbd}.red{background-color:#ffbdbd}.green{background-color:#c3f7c1}.blue{background-color:#bdf0ff}.gray-text{color:gray}.text-center{text-align:center}a{color:#004fee;text-decoration:none}a:hover{text-decoration:underline}.screen-container{align-items:center;background-color:#fffdae;border:1rem solid #242424;border-radius:2rem;display:flex;flex-direction:row;justify-content:center;margin-bottom:20px;min-width:230px;padding-bottom:30px;text-align:center;width:40%}.iphone-top{background-color:#242424;border-radius:0 0 15px 15px;height:20px;margin:0 auto;width:150px}.iphone-screen{align-items:center;display:flex;flex-direction:column;height:30rem;justify-content:space-evenly;padding:15px 15px 0}.user-profile-pic{height:100px;margin-top:5px;width:100px}.histogram-header{align-items:center;display:flex;flex-direction:column;font-size:min(5vw,1.625rem)}.profile-header{font-size:min(5vw,1.625rem);font-weight:700;margin-top:20px}.default-button{background-color:#fff;border-radius:10px;font-family:Mulish,sans-serif;font-size:min(4vw,1.125rem);margin:.5rem;padding:.4rem;width:5rem}.long-button{width:11rem}.male-button-active{background-color:#8bb6ff;color:#000}.female-button-active{background-color:#ffc0fe;color:#000}.white-button-active{background-color:#d7d7d7;border-color:#000}.black-button-active{background-color:#2c2c2c;color:#fff}.hover-button:hover{background-color:#b4b9bb}.ad-selection-bar{align-items:center;background-color:#fff;border-radius:64px;color:#000;display:flex;flex-direction:column;height:600px;margin-left:10px;margin-right:20px;padding:30px 0;width:100px;z-index:3}.ad-thumbnail{height:20px;width:100px}.ad-breakdown-container{max-width:800px;width:75vw}.ad-histogram-container{left:-10px;min-width:350px;position:relative;width:100%}.ad-image{height:150px;width:min(20vw,130px)}h3{font-size:1.2rem;margin-bottom:0}p{font-size:1rem}.ad-apply-link{background-color:#4267b2;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;margin:5px;padding:.3rem;width:50%}.ad-section-bar{border:1px solid gray;border-radius:20px;margin:.3rem 0;width:100%}.ad-specs{display:flex;flex-direction:row;justify-content:space-between;padding-top:.3rem;width:100%}.ad-specs-title{margin-right:.3rem}.ad-specs-detail{text-align:left;width:110px}.horizontal{align-items:center;display:flex;flex-direction:row;justify-content:center}.card{background-color:#f0f0f0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:500px;min-height:35rem;padding:1.75rem}.card,.card-image{border-radius:20px}.card-image{align-self:center;margin:10px 0;max-width:300px;width:16rem}.card-button{background-color:#4267b2;border:none;border-radius:50px;height:50px;margin:5px 5px 0;position:relative;width:50px}.card-button:focus{outline:none}.card-arrow{border-left:11px solid #0000;border-right:11px solid #0000;border-top:20px solid #fff;height:0;left:11px;position:relative;top:1px;transform:rotate(-90deg);width:0}.back{left:5px;transform:rotate(90deg)}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.fade-enter-active,.fade-exit-active{transition:opacity .5s}.gray{background-color:gray}.progress-bar{align-items:center;background-color:#fff;border-radius:64px;color:#000;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-left:4.2vw;margin-top:2.5rem;min-height:350px;padding:15px 0;position:fixed;z-index:3}.progress-button{background:#fff;border:none;border-radius:32px;height:50px;margin:10px;padding:0;width:50px}.progress-button:focus{outline:none}.no-margin{margin:0}.static-size{cursor:pointer;height:50px;width:50px}.gray-image{cursor:default;filter:alpha(opacity=40);filter:grayscale(1);opacity:.5}.timeline-content{background:#fff;padding:48px 32px 60px}.timeline-main-title{color:#000;font-size:36px;font-weight:700;margin:0 0 48px;text-align:center}.timeline-wrapper-inner{margin:0 auto;max-width:600px;position:relative}.timeline-lines{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.line-unvisited{stroke:#d0d0d0;stroke-width:2;transition:all .3s ease}.line-visited{stroke:#677ee6;stroke-width:4;transition:all .3s ease}.timeline-container{grid-gap:48px 60px;display:grid;gap:48px 60px;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.timeline-event{align-items:center;cursor:pointer;display:flex;flex-direction:column}.event-circle{background:#e0e0e0;border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0000001a,0 0 0 1px #d0d0d0;height:50px;transition:all .3s ease;width:50px}.timeline-event:hover .event-circle{box-shadow:0 5px 18px #5b6bc080,0 0 0 1px #6b7fdb;transform:scale(1.1)}.event-circle.visited{background:linear-gradient(135deg,#6b7fdb,#5c6bc0);box-shadow:0 3px 10px #5b6bc04d,0 0 0 1px #6b7fdb}.event-info{margin-top:12px;position:relative;text-align:center;z-index:3}.event-label{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;padding:8px 12px}.event-title{color:#000;font-size:14px;font-weight:700;margin-bottom:2px}.event-date{color:#6b7fdb;font-size:12px;font-weight:600}.modal-overlay{align-items:center;animation:fade-in .25s ease;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:slide-up .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:40px;position:relative;width:90%}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#95a5a6;cursor:pointer;font-family:Arial,sans-serif;font-size:32px;height:32px;line-height:1;padding:0;position:absolute;right:16px;top:16px;transition:color .2s;width:32px}.modal-close:hover{color:#2c3e50}.modal-content h2{color:#000;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.modal-year{color:#6b7fdb;font-size:17px;font-weight:600;margin:0 0 24px;text-align:center}.modal-description{color:#000;font-size:16px;line-height:1.6;text-align:center}.food-img{border-radius:8px;display:block;height:250px;margin-left:auto;margin-right:auto;object-fit:cover;width:350px}.instructions{text-align:center}.next-button,.not-selected,.selected{align-items:center;background-color:#cbe4ff;border:none;border-radius:8px;cursor:pointer;font-size:14px;justify-content:center;margin:10px;padding:10px 20px}.selected{background-color:#0080ff;color:#fff}.next-button{font-size:16px;width:40%}.next-button:hover,.not-selected:hover{background-color:#a7c9ff}.interactive-section{display:block;justify-content:center;text-align:center}.error-message{color:red;font-size:13px;font-weight:700;text-align:center}.rating-result span{color:#c88200;font-size:20px}
/*# sourceMappingURL=main.c467b2bd.css.map*/