:root{--off-white: #FBFADD;--header: #C865BE;--background: #D9BCDE;--shadow: 0 10px 20px 10px rgba(0, 0, 0, .25);--light-green: rgba(77, 154, 124, .71);--transparent: rgba(0, 0, 0, 0)}html,body{margin:0;padding:0}.landingPage{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:flex-start;align-items:center;gap:10vh;background:var(--background)}.landingPageBoxHoriz{display:flex;width:100vw;height:50vh;justify-content:center;align-items:center;gap:30vw;background:var(--background)}.landingPageBoxVert{display:flex;width:100vw;height:75vh;gap:10vh;flex-direction:column;align-items:center}.studycreateLink{display:flex;width:50vh;height:50vh;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:42px;background:var(--off-white);box-shadow:var(--shadow)}.signinLink{display:flex;width:10vw;height:5vh;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:2vh;background:var(--off-white);box-shadow:var(--shadow)}.studycreateBox{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:flex-start;align-items:space-center;background:var(--background)}.landingPageButton{display:flex;width:471px;height:471px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.studycreatePage{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--background)}.header{display:flex;width:100vw;height:10vh;padding:35px 70px;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--header)}.text{width:flex;flex-shrink:0;color:#000;font-family:Inter;font-size:10vh;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.headerIcon{display:flex;width:121px;height:121px;justify-content:center;align-items:center;gap:-121px;flex-shrink:0}.questionBoxStudy{display:flex;width:50vw;height:50vh;justify-content:center;align-items:center;flex-shrink:0;border-radius:2vh;background:var(--off-white);box-shadow:var(--shadow)}.answerBox{display:flex;width:45vw;height:10vh;justify-content:center;align-items:center;flex-shrink:0;border-radius:2vh;background:var(--off-white);box-shadow:var(--shadow)}.answerText{display:flex;width:45vw;height:10vh;flex-direction:column;justify-content:center;text-align:center;font-family:Inter;font-size:3vh;font-style:normal;font-weight:400;background:#0000;border-radius:22vh;border:none}.submitSendBox{display:flex;width:5vw;height:10vh;justify-content:center;align-items:center;flex-shrink:0;border-radius:2vh;background:var(--off-white);box-shadow:var(--shadow)}.studyEndBox{display:flex;width:50vw;height:10vh}.submitSymbol{width:119.5px;height:110px;flex-shrink:0;fill:var(--light-green);stroke-width:.5vw;stroke:var(--light-green);box-shadow:var(--shadow)}.createMidAlignmentBox{display:flex;width:100vw;height:50vh;justify-content:space-between;align-items:center}.addCardButton{display:flex;width:5vw;height:10vh;justify-content:center;align-items:center;border-radius:2vh;background:var(--off-white);box-shadow:var(--shadow)}.smallButtonText{display:flex;font-size:2vh}.leftArrowBox{display:flex;width:10vw;height:6vw;padding:0;justify-content:center;align-items:center;border-radius:2vw;background:var(--off-white);box-shadow:var(--shadow)}.leftArrow{width:10vw;height:7vh;flex-shrink:0;stroke-width:1vh;stroke:#000}.rightArrowBox{display:flex;width:10vw;height:6vw;padding:0;justify-content:center;align-items:center;border-radius:2vw;background:var(--off-white);box-shadow:var(--shadow)}.rightArrow{width:10vw;height:7vh;flex-shrink:0;stroke-width:1vh;stroke:#000}.createQuestionBox{display:flex;width:50vw;height:50vh;justify-content:flex-end;align-items:flex-start;border-radius:2vw;background:var(--off-white);box-shadow:var(--shadow)}.createQuestionText{display:flex;width:40vw;height:50vh;flex-direction:column;justify-content:center;flex-shrink:0;text-align:center;font-family:Inter;font-size:3vh;font-style:normal;font-weight:400;line-height:normal;background:#0000;border:none;border-radius:2vw}.saveQuestionText{width:10vw;height:10vh;flex-direction:column;justify-content:center;flex-shrink:0;color:#fff;text-align:center;font-family:Inter;font-size:5vh;font-style:normal;font-weight:400;line-height:normal;border:none;border-radius:0px 2vh 0px 0px}