@import url(https://fonts.googleapis.com/css2?family=Arvo&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
body{font-family:"Source Sans Pro", sans-serif;font-family:"Open Sans", sans-serif}body::-webkit-scrollbar{width:0.8rem}body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}body::-webkit-scrollbar-thumb{background-color:#fc6;border-radius:0.4rem;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2)}body::-webkit-scrollbar-thumb:hover{box-shadow:1px 1px 4px 0 rgba(0,0,0,0.4)}.page-transition-enter{opacity:0}.page-transition-enter-active{opacity:1;transition:opacity 300ms}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity 300ms}

body{background-color:#eee;font-family:Arvo, serif;font-weight:bold;color:#003366}.feed-page-div{display:flex;flex-direction:row;width:auto;margin-left:1.625rem}.user-sidebar{background-color:#ddd;position:fixed;margin-top:1.75rem;padding:0;z-index:1;width:auto}.feed-wrapper{margin-top:1.75rem;width:100%;height:auto;display:flex;margin-left:23.6875rem;flex-direction:column;align-items:center}.featured-sidebar{background-color:rgba(224,228,230,0.6);border-left:2px solid #ffcc66;right:0;z-index:1;position:fixed;width:17.9375rem;padding-left:1rem;height:45rem;text-align:center;overflow-x:hidden}.user-card{background-color:#fff;border-radius:4px;width:21.6875rem;padding:2rem}.user-profile-pic{background-color:#ffcc66;border-radius:50%;width:6.25rem;height:6.25rem;margin-right:auto;margin-left:auto;margin-top:1rem;margin-bottom:0.25rem}.user-profile-name{font-size:1.5rem;padding-top:0.5rem;color:#003366;text-align:center;margin-bottom:0rem}.follow-counters{font-size:1.125rem;font-weight:lighter;margin-top:0.5rem;margin-bottom:0.5rem;display:flex;flex-direction:row;justify-content:space-evenly}.progress-div{background-color:rgba(116,216,194,0.2);height:4.3125rem;margin-bottom:0.75rem}.progress-labels{height:2rem;margin-left:1rem;margin-right:1rem;font-weight:lighter;font-size:1.125rem}.progress-label-current-project{float:left;color:#003366}.progress-label-percent{float:right}.progress-bar{background-color:rgba(153,255,255,0.4);border:3px solid rgba(0,51,102,0.4);border-radius:28px;height:1.375rem;margin-left:1rem;margin-right:1rem}.progress-fill{background-color:#33cccc;border-radius:28px;z-index:1;height:100%;margin-right:3.75rem}.user-projects-row{margin-left:1.625rem;height:1.3125rem;margin-bottom:1rem;font-size:1.125rem;margin-right:1.5rem}.user-projects-label{color:#003366}.user-projects-count{float:right}.project-ribbon-icon{float:left;margin-left:0.25rem;margin-right:0.625rem}.feed-card{background-color:#fff;border-radius:4px;width:100%;margin-bottom:1rem;border:1px solid #ddd;color:inherit}.feed-card:hover{text-decoration:none;border:1px solid #ffcc66}.feed-card-body{padding:1.0625rem 0.9375rem 0.6875rem 0.9375rem;font-weight:lighter}.feed-card-title{display:flex;margin-left:auto;margin-right:auto;font-size:1.5rem;margin-bottom:0rem}.feed-card-profile-pic{width:3.3125rem;height:3.3125rem;margin-right:1.25rem;background-color:#ffcc66;border-radius:50%}.feed-card-title-text{padding-top:0.5rem}.feed-card-subtitle{font-family:Lato;font-size:1.125rem;margin-left:5.5rem;color:#003366}.feed-card-description{font-weight:lighter;font-family:Lato;font-size:18px;color:rgba(0,51,102,0.75);width:85%;height:4.125rem;margin-left:6.3125rem;line-height:1.375rem;margin-top:0.5rem}.feed-card-footer{margin-left:0.8125rem;margin-top:1.75rem;color:#33cccc}.feed-card-date{float:left}.feed-card-interactions{float:right}.feed-card-comment-icon{margin-left:0.25rem;height:1.25rem;width:1.25rem;margin-right:1rem}.feed-card-like-icon{margin-left:0.375rem;height:1.25rem;width:auto;margin-bottom:0.3125rem}.featured-title{font-size:1.875rem;margin-left:auto;margin-right:auto;margin-bottom:0.5rem;margin-top:2rem}.featured-card{background-color:#fff;border-radius:4px;width:15rem;height:18rem;margin-top:1rem;margin-bottom:1rem;margin-left:0.25rem}.featured-card:hover{border:1px solid #33cccc}.featured-body{padding:0.5rem 0.5rem 0.25rem 0.5rem;font-weight:lighter;height:6.25rem;font-size:0.875rem}.featured-caption-title{padding-top:0.25rem;margin-bottom:0rem}.featured-description{color:rgba(0,51,102,0.75);font-family:Lato;line-height:1.0625rem;text-align:left;margin-top:0.375rem;margin-left:1.25rem;margin-right:1rem;margin-bottom:0.25rem}.featured-footer{margin-top:0.75rem;margin-bottom:0.25rem;margin-left:0.8125rem;color:#33cccc}.featured-interactions{float:right;font-size:0.75rem}.featured-comment-icon{margin-left:0.125rem;height:0.75rem;width:0.75rem;margin-right:0.75rem}.featured-like-icon{margin-left:0.25rem;height:0.78125rem;width:auto;margin-bottom:0.3125rem}.featured-see-more{color:#003366;font-size:0.875rem;padding-bottom:1rem}.loading-text{text-align:center}.notification-header{text-align:center}@keyframes dot-3-move{20%{transform:scale(1)}45%{transform:translateY(-18px) scale(0.45)}60%{transform:translateY(-90px) scale(0.45)}80%{transform:translateY(-90px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes dot-2-move{20%{transform:scale(1)}45%{transform:translate(-16px, 12px) scale(0.45)}60%{transform:translate(-80px, 60px) scale(0.45)}80%{transform:translate(-80px, 60px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes dot-1-move{20%{transform:scale(1)}45%{transform:translate(16px, 12px) scale(0.45)}60%{transform:translate(80px, 60px) scale(0.45)}80%{transform:translate(80px, 60px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes rotate-move{55%{transform:translate(-50%, -50%) rotate(0deg)}80%{transform:translate(-50%, -50%) rotate(360deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes index{0%,100%{z-index:3}33.3%{z-index:2}66.6%{z-index:1}}

.auth-card-wrapper{display:flex;justify-content:center;margin-top:20%}.auth-card{width:75%;height:60%;margin-top:3em}.auth-card-title{text-align:center;padding-top:0em;margin-bottom:2.5%}.left-btn{float:left;width:45%;margin-right:10%;margin-top:1em;background-color:#ffcc66;color:#003366;border:none}.left-btn:hover{background-color:#003366;color:#ffcc66;border:none}.right-btn{float:right;width:45%;margin-top:1em;background-color:#ffcc66;color:#003366;border:none}.right-btn:hover{background-color:#003366;color:#ffcc66;border:none}.mid-btn{float:middle;width:100%;margin-top:1em}.forgot-password{margin-top:2em}.google-btn-wrapper{display:flex;justify-content:center;float:middle;margin-top:1em}.security-select{margin:0em 1em 1em 0em}.back-to-login{text-align:center;margin-bottom:1em}

body{background-color:#eee;font-family:Arvo, serif;font-weight:bold;color:#003366}.figures-img{display:block;width:100%;height:auto}.home-main-box{position:relative;width:100%;background-color:white;padding:0 !important;max-width:none !important}.home-title{position:absolute;top:0;margin-left:-27rem;left:50%;width:100%;color:white;font-size:3.75rem;line-height:4rem;width:54rem;padding-top:2.1875rem;text-align:center}.home-subtitle{position:absolute;text-align:center;top:11rem;left:50%;margin-left:-17.5rem;color:#ffffff;font-family:Lato;font-weight:normal;font-size:1.5rem;line-height:2.25rem;width:35rem}.explore-button{position:absolute;top:16rem;left:50%;margin-left:-12rem;height:3.25rem;width:24.375rem;font-weight:bold;font-size:1.5rem;line-height:1.875rem;color:#003366;background:#ffcc66;margin-top:1rem}.home-intro-box{padding-top:1rem;height:38.6875rem;background:white;max-width:none !important}.art-row{padding-top:2.5rem;padding-bottom:4.1875rem;padding-left:0;padding-right:0;display:flex;flex-direction:row;margin-left:auto;margin-right:auto}.figma-art-col-left{float:left}.figma-img{height:32rem;width:39.6875rem}.spacer-left{min-width:5vw;width:auto}.figma-art-col-right{float:right;padding-left:1.875rem;display:flex;align-items:center;padding-top:5rem}.about-text{font-size:0.875rem}.hcd-title{padding-top:0.8125rem;font-size:2.75rem;max-width:27.8125rem;line-height:3.5rem}.hcd-desc{font-family:Lato;font-weight:normal;font-size:1rem;line-height:1.5rem;padding-top:0.8125rem;max-width:27.8125rem;color:#33cccc}.home-featured-box{background-color:rgba(153,255,255,0.4);height:31.0625rem}.home-sdg-title,.home-featured-title{font-size:3rem;text-align:center;padding-top:2rem;padding-bottom:1rem}.featured-carousel{margin-left:auto;margin-right:auto}.home-sdg-box{padding-bottom:1rem}.home-sdg-desc{height:auto;width:50rem;margin-left:auto;margin-right:auto;margin-bottom:1.125rem;text-align:center}.hp-sdg-row{padding-left:5%;padding-right:5%}.sdg-col{padding:0}.sdg-card-back,.sdg-card{color:white;margin:0.5rem;cursor:pointer;width:auto;height:auto;font-size:0.8125rem}.sdg-card-back:hover,.sdg-card:hover{border-width:2px;border-color:#003366}.sdg-card-back{position:relative}.sdg-card-back-img{display:block;opacity:0}.sdg-card-desc{position:absolute;margin-left:0.25rem;margin-right:0.25rem;margin-top:1rem;text-align:center;color:white}.hp-featured-card-deck{width:97.5%;margin-left:auto;margin-right:auto}.hp-card-img{max-height:13.4375rem;width:auto}.hp-featured-card{background-color:#fff;border-radius:4px;margin-top:0.5rem}.hp-featured-card:hover{border:1px solid #33cccc}.hp-featured-body{padding-top:0.3125rem;padding-left:0.9375rem;padding-right:1.125rem;font-weight:lighter;font-size:0.875rem;padding-bottom:0.625rem}.hp-featured-caption-title{padding-top:0.25rem;font-size:1.125rem;margin-bottom:0rem}.hp-featured-description{color:rgba(0,51,102,0.75);font-family:Lato;line-height:1.0625rem;text-align:left}.hp-featured-footer{margin-top:0.75rem;margin-left:0.8125rem;color:#33cccc}.hp-featured-interactions{float:right;font-size:1.125rem}.hp-featured-comment-icon{margin-left:0.125rem;height:1.25rem;width:1.25rem;margin-right:0.75rem}.hp-featured-like-icon{margin-left:0.25rem;height:1.25rem;width:auto;margin-bottom:0.375rem}

.auth-card-wrapper{display:flex;justify-content:center}.titlePage{font-size:3rem;margin-top:5%;margin-left:5%;margin-right:5%;margin-bottom:7.5%;color:#003366}.auth-card{width:75%;height:60%;margin-top:3em}.auth-card-title{text-align:center;padding-top:0;padding-bottom:2rem}.auth-card-title-register{text-align:center;padding-top:0;padding-bottom:2rem;margin-top:-7rem}.login-register-left-btn{float:left;width:25%;margin-right:7%;margin-left:25%;margin-top:1em;background-color:#ffcc66;border-radius:15px;color:#003366;border:none}.login-register-left-btn:hover{background-color:#003366;color:#ffcc66;border:none}.login-register-right-btn{float:right;width:25%;margin-top:1em;background-color:#ffcc66;border-radius:15px;color:#003366;border:none}.login-register-right-btn:hover{background-color:#003366;color:#ffcc66;border:none}.mid-btn{float:middle;width:100%;margin-top:1em}.forgot-password{margin-top:2em;margin-left:44%}.google-btn-wrapper{display:flex;justify-content:center;float:middle;margin-top:1em}.security-select{margin:0em 1em 1em 0em}.back-to-login{text-align:center;margin-bottom:1em}.home-block-1-ep{margin-right:5%;margin-left:5%;margin-top:5%;background-image:radial-gradient(50% 141%, rgba(11,47,129,0.6) 1%, rgba(43,134,161,0.651) 100%),url("/asset/images/splash.jpg");background-size:cover;background-position:center;height:auto;width:auto;opacity:1;align-content:middle}.stock-photo{margin-top:1%;background-color:blue;height:5%}.columnLeft{background:#74d8c2;height:100vh;position:relative;max-height:100% !important;box-sizing:border-box;font-family:Arvo;font-style:normal;font-weight:bold;font-size:48px;display:flex;color:#003366;margin-bottom:0;z-index:-1}.columnRight{background:white}.parentRow{margin:0}.login-register-main{margin-top:-4.75rem}.login-man-img{bottom:0;position:fixed;margin-bottom:5rem;left:10%;transform:translateX(-10%);z-index:-1}.login-tree-img{bottom:-50px;left:-40%;transform:translateX(35%);position:fixed}.login-tree-img2{bottom:-50px;left:18%;transform:translateX(-14%);position:fixed}.login-sun-img{top:4rem;left:44%;transform:translateX(-44%);position:fixed;z-index:-1}.motto{font-size:3rem;margin-top:9rem;margin-left:5%;margin-right:5%;text-shadow:2px 2px 0px #fff,5px 4px 0px rgba(0,0,0,0.15)}.vertAlign{margin-top:1%;margin-bottom:2%}.colBoxes{text-align:center;margin-top:20%}.rowInput{width:60%;margin-left:20%;margin-right:20%;margin-top:3.5%}.suButton{margin-left:auto;margin-right:auto;background:#ffcc66;color:#003366;border:transparent;margin-top:3.5%}.textField{font-size:1rem}.login-outer{font-family:Arvo;font-style:normal;font-weight:normal;color:#003366;width:80%;margin-left:10%;margin-right:10%;margin-top:30%}.login-register-input{box-sizing:border-box;box-shadow:none !important;outline-color:#33cccc !important;outline-style:auto !important;outline-width:0.1rem !important}

.parent{font-family:"Arvo";color:#003366}.left-btn{width:30%;margin-top:1em;background-color:#ffcc66;color:#003366;border:none}.left-btn:hover{background-color:#003366;color:#ffcc66;border:none}.gold-circle{width:75%;height:150px;background-color:#ffcc66;border-radius:50%}.gold-line{width:15px;margin-left:0%;height:500px;background-color:#ffcc66;border-radius:0%}.profile-projects{margin-top:6%;margin-bottom:3%;text-align:center}.profile-highlighted{background:#ffcc66;padding:0.5rem 1rem 0.5rem 1rem}.profile-nav-text{padding:0.5rem 1rem 0.5rem 1rem}.profile-sections{white-space:nowrap;text-overflow:ellipsis}

.search-bar{display:flex;margin-right:auto;margin-left:auto;text-align:center;padding:30px;width:50%}.input{display:flex;text-align:center;flex-shrink:3}.dropdowns{display:flex;flex-shrink:3;justify-content:space-between}.un-goals-list,.country-list,.grp-sizes-list,.difficulty-list{table-layout:fixed;width:200px;max-width:100%}.project-cards{display:flex}.project-card{display:flex;height:200px;width:410px;cursor:pointer;margin-top:2em;font-size:13px;padding:2em;color:#000}.project-card .project-card-name{font-size:24px}

.stage{width:80vw;margin-left:50%;transform:translateX(-50%)}.stage-title{padding-top:20px;text-align:center}.stage-video{text-align:center;padding-bottom:30px}.stage-description{text-align:justify;padding-top:20px}.button-return-project{left:50%;position:absolute;transform:translateX(-50%);margin-bottom:1rem}

.project-metadata-block{margin-right:5%;margin-left:5%;margin-top:5%;background-size:cover;background-position:center;height:auto;width:auto;opacity:1;display:flex;flex-direction:column;align-items:center}.project-metadata-block .div-1-ep .proj-title-h,.project-metadata-block .div-1-ep .num-ppl-h,.project-metadata-block .div-1-ep .proj-descrip-h,.project-metadata-block .div-1-ep .dropdown,.project-metadata-block .div-1-ep .editor-top,.project-metadata-block .div-1-ep .save-top-btn{margin-bottom:1.5%}.project-metadata-block .div-1-ep .editor-top{width:100%}.project-metadata-block .div-1-ep .grp-sizes-list{table-layout:fixed;width:30%;max-width:100%;margin-bottom:3%}.header2-text-ep{margin-left:20%;padding-bottom:2.5%}.label{margin-left:11%}.input{margin-left:1%}.other-row{margin-right:5%;margin-left:10%;margin-bottom:2.5%;margin-top:-1.5%;display:flex}.header2-text-ep-other{margin-top:1%;margin-left:12%;margin-right:30%}.button-add{margin-left:12%;margin-right:1%}.divider-stage{margin-right:25%;margin-left:25%;margin-bottom:0%}.column{margin-left:15%;margin-right:15%;margin-bottom:1%}.inspiration-btn,.ideation-btn{margin-right:1%}.stages{display:flex;flex-direction:column;justify-content:center;align-items:center}.edit-form{border:thin gray solid}.phase-edit-section{width:80vw;margin-left:50%;transform:translateX(-50%)}.button-return-project{left:3%;bottom:5%;position:fixed;box-shadow:0.2em 0.2em 0.6em 0.1em rgba(0,0,0,0.3)}.edit-project-instructions{margin-top:1rem;border:solid;border-width:0.5em;border-radius:2em;border-color:#fd9;background-color:#fec}.delete-stage-button{position:absolute;right:0%;font-size:100}

.project{width:80vw;margin-left:50%;transform:translateX(-50%)}.project-info{text-align:center;margin-top:20px;display:inline-block}hr{border-width:3px;border-radius:2px;margin-top:20px;margin-bottom:20px}.tab{cursor:pointer;font-size:24px}.tipcard-cols{display:flex;width:100%;margin:20px 0 20px 0;justify-content:space-evenly}.project-header{text-align:center}.project-header-buttons{margin-left:2em;margin-bottom:1em}.upvote-btn{margin-top:1em;position:fixed}.loading-container{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:auto;filter:url("#goo");animation:rotate-move 2s ease-in-out infinite}.dot{width:70px;height:70px;border-radius:50%;background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.dot-3{background-color:#f74d75;animation:dot-3-move 2s ease infinite, index 6s ease infinite}.dot-2{background-color:#10beae;animation:dot-2-move 2s ease infinite, index 6s -4s ease infinite}.dot-1{background-color:#ffe386;animation:dot-1-move 2s ease infinite, index 6s -2s ease infinite}@keyframes dot-3-move{20%{transform:scale(1)}45%{transform:translateY(-18px) scale(0.45)}60%{transform:translateY(-90px) scale(0.45)}80%{transform:translateY(-90px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes dot-2-move{20%{transform:scale(1)}45%{transform:translate(-16px, 12px) scale(0.45)}60%{transform:translate(-80px, 60px) scale(0.45)}80%{transform:translate(-80px, 60px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes dot-1-move{20%{transform:scale(1)}45%{transform:translate(16px, 12px) scale(0.45)}60%{transform:translate(80px, 60px) scale(0.45)}80%{transform:translate(80px, 60px) scale(0.45)}100%{transform:translateY(0px) scale(1)}}@keyframes rotate-move{55%{transform:translate(-50%, -50%) rotate(0deg)}80%{transform:translate(-50%, -50%) rotate(360deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes index{0%,100%{z-index:3}33.3%{z-index:2}66.6%{z-index:1}}

.projects-search-header-box{position:relative;width:100%;height:12rem;background-color:#74d8c2;padding:0 !important;max-width:none !important;z-index:-1}.projects-search-title{font-family:Arvo, serif;color:white;font-style:normal;font-weight:bold;font-size:3rem;margin-left:2rem;margin-top:2rem}.projects-search-header-img{right:0;z-index:-1;position:fixed}.project-search-main-container{background-color:white;width:100vw;padding-left:5rem;padding-right:5rem;box-sizing:border-box;min-height:100vh;max-width:100%}.project-search-elements{width:95%;display:flex;flex-direction:column;align-items:center;justify-content:start}.projects-search-title{float:left}.search-bar{display:flex;margin-right:auto;margin-left:auto;text-align:center;padding:30px;width:50%}.input{display:flex;text-align:center;flex-shrink:3}.notifications-icon{display:flex;vertical-align:middle;margin-top:35px;margin-right:-20px;color:grey}.dropdowns{display:flex;flex-shrink:3;justify-content:space-evenly;width:100%}.un-goals-list,.country-list,.grp-sizes-list,.difficulty-list{table-layout:fixed;width:15rem;max-width:100%}.project-cards{display:flex}.project-cards .col{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-card{display:flex;height:13rem;width:24rem;cursor:pointer;margin-top:2em;font-size:13px;padding:1em;color:#000;margin-right:0}.project-card .project-card-name{font-size:24px}.inside-col{padding:3%}

body{background-color:#eee;font-family:Arvo, serif;font-weight:bold;color:#003366}.edit-template-div{background-color:white;text-align:center;width:52rem;height:100%;margin-left:auto;margin-right:auto}.bottom-buttons{width:100%;margin-top:1%;margin-bottom:2%;margin-left:47%;bottom:0;float:right}.bottom-buttons .btn-1,.bottom-buttons .btn-2{margin-right:3%}.template-sidebar{background-color:white;position:fixed;padding:0;width:12.5rem;height:100%;z-index:1;overflow-x:hidden}.main-template-container{border-width:100%;border-color:black;margin-left:22%;background-color:white;width:auto;min-height:72.5vh !important;height:100%;padding-bottom:0;margin-bottom:0}.main-template-title{margin-top:1.3%;color:#000000;font-family:Lato;font-style:normal;font-weight:bold;font-size:150%;margin-left:6%;text-align:left;width:auto;border:1% solid #cccccc}.format-checkboxes{margin-bottom:4%;margin-right:18%;font-weight:normal}.draft-container{margin-top:2%;min-height:13rem !important;border-radius:1%;margin-left:9.1%;height:100%;width:86.5%;border:0.01rem solid black;margin-right:49%}.main-template-subtitle{margin-top:3%;font-family:Lato;font-style:normal;font-weight:normal;font-size:1rem;margin-left:9%;color:#373a3c}.add-stage-button{border:0.001rem solid #cccccc;background-color:#ffcc66}.add-stage-button,.stage-button{height:3.4rem;text-align:center;font-family:Lato;font-style:normal;font-weight:normal;font-size:1rem;padding-bottom:2%;padding-top:1%;width:100%;padding-left:4%;padding-right:4%;color:#000000}.stage-button{border:0.01rem solid lightgrey}.header-template{padding-top:2.5%;padding-bottom:2%;font-size:3rem;margin-left:auto;margin-right:auto}.stages-txt{margin-top:3%;margin-bottom:1%;margin-right:65%;font-family:Lato;font-style:normal;font-weight:normal;font-size:1rem;color:#373a3c}.stage-chk{margin-right:3%}