:root{--main-dark-purple: #35215a;--main-light-purple: #b380ff;--white-purple: #f1e9ff;--main-font-family: "nunito", Verdana, sans-serif}body{font-family:var(--main-font-family);overflow-y:scroll}main{display:flex;flex-direction:column;min-height:100vh;font-family:var(--main-font-family)}.inside{display:flex;align-items:center;justify-content:space-between;background-color:var(--main-dark-purple);padding:1rem .5rem .5rem;flex-wrap:wrap;color-scheme:only light}.logo{flex:1;height:7rem;width:28rem;margin-block:1rem}nav{flex:3;display:flex;align-items:center;justify-content:center}.login{flex:1;list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-inline:1.5rem}.login li{display:flex;margin:.5rem}.free-trial{height:2em;width:9em;background-color:#02aa02;color:#000;font-size:clamp(1.5rem,6vw,2rem);font-weight:700;border-radius:.5rem;white-space:nowrap;transition:all .2s ease-in-out;text-decoration:none;display:flex;justify-content:center;align-items:center}.free-trial:hover{background-color:#006400;color:#fff;cursor:pointer}.login-button{font-size:clamp(1.25rem,6vw,1.5rem);color:#c1c1c1;background-color:transparent;border:none;text-decoration:none;padding-inline:.5rem}.login-button:hover{color:gray;cursor:pointer}nav ul{display:flex;justify-content:center;padding:0;margin:0}nav li{list-style:none;margin:.25rem 1em}nav a{font-size:clamp(1.25rem,6vw,2.5rem);color:var(--white-purple);font-weight:700;text-decoration:none}nav a:hover{color:gray}.headerBottom{position:relative;top:0;left:0;width:100%;overflow:hidden;line-height:0;height:max(7vw,3rem)}.headerBottom svg{position:relative;left:-1px;display:block;width:calc(158% + 1.3px);height:max(7vw,3rem);transform:rotateY(180deg)}.headerBottom .shape-fill{fill:var(--main-dark-purple);color-scheme:only light}.profile-list{display:grid;margin-right:1.5rem;margin-left:auto;margin-block:1rem}.profile-button{display:inline-block;color:var(--white-purple);text-decoration:none;text-align:center;font-size:clamp(.75rem,5vw,1.25rem)}.profile-button:hover{color:gray;cursor:pointer}.logout-button{margin-top:1rem;font-size:clamp(.75rem,5vw,1.25rem);margin-inline:auto;background:none;border:none;color:var(--white-purple)}.logout-button:hover{color:gray;cursor:pointer}section{padding-top:6rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--main-dark-purple)}h1{padding:0;margin:0;padding-left:4rem;padding-right:4rem;text-align:center;font-size:4rem;font-weight:bolder;margin-bottom:2rem;max-width:50ch}h2,.action-text{grid-column:span 3;justify-self:center;font-size:3rem;padding:2rem;text-align:center;max-width:40ch}.action-text{font-weight:700;max-width:35ch}h3,.question{max-width:20ch;font-size:2rem;padding-inline:2rem}.question{font-weight:700}p{font-size:1.5rem;max-width:25ch;padding-inline:2rem;position:relative}.section-content{display:flex;flex-wrap:wrap;justify-content:center;padding-inline:2rem;padding-bottom:4rem;max-width:150ch}.section-divider-top{position:relative;bottom:-1px;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.section-divider-top svg{position:relative;display:block;height:max(5vw,1rem)}.section-divider-bottom{position:relative;bottom:1px;left:0;width:100%;overflow:hidden;line-height:0}.section-divider-bottom svg{position:relative;display:block;width:calc(200% + 1.3px);height:max(5vw,1rem)}.shape-fill{fill:var(--white-purple)}.body{font-size:2rem;text-align:center;max-width:68ch;padding:1.5rem 4rem;margin-bottom:2rem;margin-top:0}.first-section p{max-width:50ch}.second-section .section-background{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--white-purple)}.second-section .section-divider-top svg{width:calc(300% + 1.3px);transform:rotateY(180deg)}.fourth-section p{max-width:55ch}.fourth-section .section-divider-top svg{width:calc(207% + 1.3px)}.fourth-section .section-divider-bottom svg{width:calc(250% + 1.3px)}.fourth-section .section-content{background-color:var(--white-purple);width:calc(100% - 4rem);display:flex;flex-direction:column;align-items:center;max-width:none}.sixth-section .section-divider-top svg{width:calc(150% + 1.3px)}.sixth-section .section-background{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--white-purple);padding-bottom:6rem}@media (max-width: 768px){h1,h2,h3,.action-text,.question{font-size:2rem}.logo{height:3.5rem;width:14rem}nav li{margin:.25rem .75em}.login{padding-inline:0}}@media (max-width: 334px){.section-content{padding-inline:1rem}.fourth-section .section-content{width:90%}.sixth-section .section-background .section-content div p{font-size:1.25rem}}