@font-face{font-family:PierSans;font-style:normal;font-weight:400;src:url(/courses/cs147/2024/au/projects/Technology-for-Mental-Health/Planet/static/media/PPPierSans-Regular.e7154d710d7e25b7d7d2.otf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/courses/cs147/2024/au/projects/Technology-for-Mental-Health/Planet/static/media/background_gradient.6a111c21ad4f772101c4.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:none;font-family:PierSans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{margin:0;padding:0;width:100vw;z-index:-10}.logo{height:40px}.navbar{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:absolute;top:0;width:100%;z-index:100}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{color:#565787;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#000040}h2,p{color:#cbcbe2}p{font-size:1.5rem}section{align-items:center;box-sizing:border-box;display:flex;font-size:2rem;height:100vh;justify-content:center;padding:2rem;width:100vw}.background-circle{border:1px solid #fff;border-radius:50%;height:600px;left:50%;top:50%;width:600px;z-index:0}.background-circle,.rotating-circle{position:absolute;transform:translate(-50%,-50%)}.rotating-circle{background-color:#fff;border-radius:50%;height:50px;left:46%;top:45.5%;width:50px}.circle{animation:rotate 8s linear infinite;transform:rotate(0deg) translateX(300px)}@keyframes rotate{0%{transform:rotate(0deg) translateX(300px)}to{transform:rotate(1turn) translateX(300px)}}.main-content{align-items:center;color:#565787;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:3}.main-content h1{font-size:8rem;font-weight:300;margin:0;padding-left:1rem}.main-content p{color:#565787;font-size:1.5rem;margin:0}.learn-more-circle{align-items:center;border:1px solid #fff;border-radius:50%;bottom:5%;color:#565787;display:flex;font-size:1rem;height:300px;justify-content:center;overflow:hidden;position:absolute;right:5%;text-decoration:none;transition:color .3s ease;width:300px;z-index:3}.learn-more-text{color:#565787;font-size:x-large;position:relative;z-index:2}.learn-more-circle:after,.learn-more-circle:before{border:2px solid #0000;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.learn-more-circle:hover{border-color:#fff}.learn-more-circle:hover:before{border-bottom-color:#565787;border-right-color:#565787;border-top-color:#565787;transition:border-top-color .1s linear,border-right-color .1s linear .1s,border-bottom-color .1s linear .2s}.learn-more-circle:hover:after{border-left-width:2px;border-right-width:2px;border-top:2px solid #565787;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .3s}#About{align-items:center;background-color:#565787;box-sizing:border-box;display:flex;flex-direction:column;height:50vh;justify-content:flex-start;padding-top:3rem}#About,#About p{text-align:center}#About p{color:#cbcbe2;font-size:1.2rem;line-height:1.6;margin:0 auto 1rem;max-width:50%}#ConceptVideo{height:auto;padding:2rem 1rem}#ConceptVideo,#Demo{align-items:center;background-color:#565787;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}#Demo{height:100vh;padding:0 1rem}.qr-container{align-items:center;display:flex;flex-direction:column;padding-top:1rem}.qr-code{height:150px;margin-top:1rem;width:150px}.qr-text{color:#cbcbe2;font-size:1rem;line-height:1.4;max-width:90%;text-align:center}#Process{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:3rem;text-align:center}#Process h2,#Process p{color:#565787}#Process p{font-size:1.2rem;line-height:1.6;margin:0 auto 1rem;max-width:50%;text-align:center}#OurTeam{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:3rem}#OurTeam h2,#OurTeam p{color:#565787}#OurTeam p{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:50%;text-align:center}@media (max-width:768px){.custom-cursor{display:none}body{background-image:url(/courses/cs147/2024/au/projects/Technology-for-Mental-Health/Planet/static/media/background_gradient.6a111c21ad4f772101c4.svg);cursor:default}.main-content{align-items:center;color:#565787;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);z-index:3}.main-content h1{font-size:4rem;font-weight:300;margin:0;padding-left:1rem}.main-content p{color:#565787;font-size:1.3rem;margin:0}.background-circle{animation:rotateFooter 8s linear infinite;background-color:#565787;border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg) translateX(125px);width:20px;z-index:34}.rotating-circle{background-color:#fff;border-radius:50%;height:30px;left:46%;position:absolute;top:45%;transform:translate(-50%,-50%);width:30px}.circle{animation:rotate 8s linear infinite;transform:rotate(0deg) translateX(175px)}@keyframes rotate{0%{transform:rotate(0deg) translateX(175px)}to{transform:rotate(1turn) translateX(175px)}}.learn-more-circle{align-items:center;border:1px solid #fff;border-radius:50%;bottom:20%;color:#565787;display:flex;font-size:1rem;height:100px;justify-content:center;overflow:hidden;position:absolute;right:5%;text-decoration:none;transition:color .3s ease;width:100px;z-index:3}.learn-more-text{color:#565787;font-size:medium;position:relative;z-index:2}.learn-more-circle:after,.learn-more-circle:before{border:2px solid #0000;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.learn-more-circle:hover{border-color:#fff}.learn-more-circle:hover:before{border-bottom-color:#565787;border-right-color:#565787;border-top-color:#565787;transition:border-top-color .1s linear,border-right-color .1s linear .1s,border-bottom-color .1s linear .2s}.learn-more-circle:hover:after{border-left-width:2px;border-right-width:2px;border-top:2px solid #565787;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .3s}#About{align-items:center;background-color:#565787;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:1rem;text-align:center}#About p{color:#cbcbe2;font-size:1rem;line-height:1.3;margin:1rem auto;max-width:90%}#ConceptVideo{align-items:center;background-color:#565787;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:1rem;text-align:center}#ConceptVideo iframe{height:5;max-width:90%}#Process{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:2rem 1rem;text-align:center}#Process p{color:#565787;font-size:1rem;line-height:1.4;margin:1rem auto;max-width:90%}#OurTeam{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:2rem 1rem;text-align:center}#OurTeam p{color:#565787;font-size:1rem;line-height:1.4;margin:1rem auto;max-width:90%}}#Footer{flex-direction:column;justify-content:center;padding:3rem 1rem}#Footer,.footer-container{align-items:center;display:flex}.footer-container{justify-content:space-between;max-width:1200px;position:relative;width:90%}.semi-circle{border:2px solid #565787;border-top-left-radius:175px;border-top-right-radius:175px;height:175px;overflow:visible;position:relative;width:350px;z-index:0}.footer-rotating-circle{animation:rotateFooter 8s linear infinite;background-color:#565787;border-radius:50%;height:20px;left:40%;position:absolute;top:80%;transform:translate(-50%,-50%) rotate(0deg) translateY(-50%);width:20px;z-index:1}@keyframes rotateFooter{0%{transform:translate(-50%,-50%) rotate(0deg) translateY(-125px)}to{transform:translate(-50%,-50%) rotate(1turn) translateY(-125px)}}.footer-text{color:#565787;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.footer-text h1{font-size:2rem;margin:0}.footer-text p{color:#565787;font-size:1rem;margin:0}.footer-links{display:flex;flex-direction:column;justify-content:center;margin-left:2rem}.footer-links ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,auto);list-style:none;margin:0;padding:0}.footer-links li a{color:#565787;font-size:1rem;text-decoration:none;transition:color .3s ease}.footer-links li a:hover{color:#000040}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn 1s ease-in-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeText{0%{opacity:0}to{opacity:1}}.fade-in-text{animation:fadeText 1s ease-in-out forwards;opacity:0}#Home{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.hidden-header{opacity:0;transition:opacity forwards .5s ease-in-out;visibility:visible}.hidden-header.fade-in{opacity:1;visibility:visible}.process-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.process-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;text-align:center;width:300px}.process-card h3{color:#565787;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.process-links{display:flex;flex-wrap:wrap;font-size:1.1rem;gap:.5rem;justify-content:center}.process-links a{color:#565787;font-weight:300;text-decoration:underline}.process-links a:hover{color:#000040}#OurTeam{color:#565787;padding:4rem 2rem;text-align:center}#OurTeam h2{font-size:2.5rem;margin-bottom:2rem}.team-container{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.team-member{flex:1 1;max-width:200px;text-align:center}.image-circle{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:color .3s ease;width:200px}.image-circle img{border-radius:50%;height:95%;object-fit:cover;width:95%}.image-circle:after,.image-circle:before{border:2px solid #0000;border-radius:50%;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.image-circle:hover:before{border-bottom-color:#565787;border-right-color:#565787;border-top-color:#565787;transition:border-top-color .1s linear,border-right-color .1s linear .1s,border-bottom-color .1s linear .2s}.image-circle:hover:after{border-left-width:2px;border-right-width:2px;border-top:2px solid #565787;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .3s}.member-info{margin-top:1rem}.member-info h3{font-size:1.2rem;font-weight:700;margin:.5em 0 0}.member-info p{color:#333;font-size:1rem;margin:.5rem 0 0}.linkedin-icon{color:#565787;font-size:1.5rem;transition:color .3s ease}.linkedin-icon:hover{color:#000040;cursor:none}#loader{height:100px;left:50vw;position:absolute;top:50vh;transform:translate(-50%,-50%);width:100px}.planet-top{animation:blinktop .6s linear infinite;background:linear-gradient(-15deg,#6bbaec,#6987c9 50%,#0000 51%);position:relative;z-index:20}.planet-bottom,.planet-top{border-radius:50%;height:70%;left:15%;top:15%;width:70%}.planet-bottom{animation:blinkbot .6s linear infinite;background:linear-gradient(-15deg,#0000 49%,#6987c9 50%,#7880b5);position:absolute;z-index:80}.ring{border:2px solid #fff;height:33.33333%;top:50%;transform:translateY(-50%) rotate(-10deg);width:calc(100% - 6px);z-index:50}.ring,.ring:after{border-radius:50%;position:absolute}.ring:after{animation:flyaround 1.8s linear infinite;background:linear-gradient(45deg,#bec7da,#fff);content:"";height:49.5%;left:-10%;top:10%;width:15%}@keyframes blinktop{0%,to{background:linear-gradient(-15deg,#d97dcd,#b06fc4 50%,#0000 51%)}33%{background:linear-gradient(-15deg,#b06fc4,#9d5eb1 50%,#0000 51%)}66%{background:linear-gradient(-15deg,#9d5eb1,#d97dcd 50%,#0000 51%)}}@keyframes blinkbot{0%,to{background:linear-gradient(-15deg,#0000 49%,#b06fc4 50%,#9d5eb1)}33%{background:linear-gradient(-15deg,#0000 49%,#9d5eb1 50%,#d97dcd)}66%{background:linear-gradient(-15deg,#0000 49%,#d97dcd 50%,#b06fc4)}}@keyframes flyaround{0%,to{left:-10%;top:10%}8%{left:0;top:50%}20%{top:85%}25%{top:80%}30%{top:75%}40%{left:90%;top:45%}50%{left:95%}60%{left:90%;top:0}75%{left:50%;top:-30%}92%{left:0;top:0}}.custom-cursor{border:2px solid #fff;border-radius:50%;height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .1s ease,width .1s ease,height .1s ease;width:20px;z-index:9999}.custom-cursor.hovered{border-color:#fff;height:40px;transform:translate(-50%,-50%) scale(1.2);width:40px}
/*# sourceMappingURL=main.ebf4f109.css.map*/