@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.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;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.Main-box{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;margin-bottom:30%;position:relative;width:100%}.Next-button{background-clip:padding-box;background-image:url(../../static/media/nextbutton.ec839d67f027653ef16f.svg);background-repeat:no-repeat;background-size:cover;border:0 solid #0000;border-radius:10px;color:#fff;font-family:Noto Sans Thai;height:10%;line-height:1.5;padding:6%;position:inherit;width:80%}.First-page,.Next-button{align-items:center;display:flex;justify-content:center}.First-page{background-color:#0000;border:none;flex-direction:column;height:100%;transition:2s ease;width:100%}.OpeningText{padding-bottom:3vh;text-align:center}.SecondPageBox{background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;font-size:17px;height:10%;justify-content:center;margin-bottom:100%;margin-left:20%;padding:20%;position:relative;text-align:center;width:80%}.Username-input{background-color:#fff;border:none;border-radius:10px;box-sizing:border-box;display:flex;font-family:Noto Sans Thai;font-size:15px;height:20%;line-height:1.5;outline:none;padding-left:5%;position:relative;text-justify:center;width:90%}.Username-input:focus{border:2px solid #9881ea;outline:none}.secondPageLastBox{font-size:75%;height:20%;margin-bottom:100%;margin-top:10%}.ThridPageMessage,.secondPageLastBox{background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:17px;padding:10%}.ThirdBgBox,.ThridPageMessage,.secondPageLastBox{align-items:center;display:flex;justify-content:center;width:90%}.ThirdBgBox{flex-direction:column;margin-top:80%}.RatingBox{border:none;border-radius:10px;height:50%;justify-content:space-between;margin-bottom:30%;width:90%}.RatingBox,.RatingBox-2{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;padding-bottom:5%;position:relative;text-align:center}.RatingBox-2{border-radius:10px;height:30%;margin-bottom:80%;width:85%}.RatingBox-3,.RatingBox-slider{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;display:flex;flex-direction:column;height:80%;margin-bottom:10%;padding-bottom:5%;text-align:center;width:90%}.RatingBox-slider{justify-content:space-between}.RatingBox-4{height:30%;margin-bottom:50%}.RatingBox-4,.RatingBox-5{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:10px;display:flex;flex-direction:column;text-align:center;width:90%}.RatingBox-5{height:60%;justify-content:space-around;margin-bottom:20%}.CenterBox{height:30%}.CenterBox,.RatingText{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-items:center;width:90%}.RatingText{color:#3b3b3b;font-family:Noto Sans Thai;font-weight:700;height:auto;line-height:1.5;padding-top:5%;text-justify:center}.choiceButton{height:14%}.choiceButton,.choiceButton-2{align-items:center;background-color:#fff0;border:1px solid #9881ea;border-radius:10px;color:#fff;color:#9881ea;cursor:pointer;display:flex;font-family:Noto Sans Thai;font-size:15px;justify-content:center;line-height:1.5;width:100%}.choiceButton-2{height:27%}.buttonList{display:flex;flex-direction:column;height:80%;justify-content:space-between;position:relative;width:95%}.buttonList-2{margin-top:10%}.buttonList-2,.questionList{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:95%}.questionList{align-items:center;margin-top:5%}.goalInput{background-color:#fff;border:none;border-radius:10px;box-shadow:0 6px 10px #0000001a;box-sizing:border-box;display:flex;font-family:Noto Sans Thai;font-size:15px;height:27%;line-height:1.5;outline:none;padding-left:5%;position:relative;text-justify:center;width:100%}.goalInput:focus{border:2px solid #9881ea;outline:none}.Messageinput{box-sizing:border-box;display:flex;flex-grow:1;font-size:17px;height:50%;margin-top:5%;padding:.5rem;position:relative;text-align:left;text-justify:center;width:90%}.TopPageMessage{margin-bottom:140%}.CenterPageMessage,.TopPageMessage{display:flex;flex-direction:column;position:relative}.CenterPageMessage{margin-bottom:50%}.FinalBox{align-items:center;background-color:coral;display:flex;flex-direction:column;height:30%;justify-content:center;margin-bottom:70%;width:90%}.FirstBox{height:90%;width:100%}.Box-2,.FirstBox{align-items:center;color:#3b3b3b;display:flex;flex-direction:column;justify-content:space-between}.Box-2{height:100%;width:100vw}.AnimateBox{height:90%;justify-content:space-evenly;margin-bottom:120%}.AnimateBox,.SecondBox{align-items:center;display:flex;flex-direction:column;position:relative;width:90%}.SecondBox{height:100%;height:10%;justify-content:space-between;margin-bottom:135%}.MessageBox{background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;font-size:17px;margin-bottom:100%;padding:10%}.FinalPage,.MessageBox{display:flex;flex-direction:column;position:relative;width:90%}.FinalPage{align-items:center;font-family:Noto Sans Thai;height:80%;line-height:1.5;padding-top:5%}.GiftBox{background-color:#fff9;border-radius:20px;height:70%;justify-content:space-around;margin-top:5%}.GiftBox,.firstpagemessage{align-items:center;display:flex;flex-direction:column;width:100%}.firstpagemessage{background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#3b3b3b;font-family:Noto Sans Thai;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:700;height:30%;justify-content:center;line-height:1.3;padding:7%;white-space:pre-wrap}.finalpagemessage{background-clip:content-box;background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-size:110%;height:100%;line-height:1.3;width:110%}.finalpagemessage,.message-3{align-items:center;background-position:50%;background-repeat:no-repeat;color:#3b3b3b;display:flex;flex-direction:column;font-family:Noto Sans Thai;font-size:17px;font-weight:700;justify-content:center;white-space:pre-wrap}.message-3{background-clip:padding-box;background-image:url(../../static/media/BGblur2.5efb72bff0509b57685e.svg);background-size:contain;height:60%;line-height:1.5;padding:5%;width:90%}.messagebox-2{color:#3b3b3b;font-family:Noto Sans Thai;font-weight:700;height:20%;line-height:1.5;overflow:auto;padding:9%;width:100%}.messagebox-2,.messagebox-3{align-items:center;background-image:url(../../static/media/BGblur.83b2e100ecc3b2fdd89d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;font-size:17px;justify-content:center}.messagebox-3{flex-direction:column;height:10%;margin-bottom:90%;padding:20%;width:90%}.GiftMessage{background-color:#d6ccf6;border-radius:20px;color:#3b3b3b;display:flex;flex-direction:column;height:90%;justify-content:baseline;margin:5%;padding-left:5%;padding-top:5%;width:85%}.FinalQoute{font-size:15px;padding-bottom:5%;text-align:center}.savePicture{background-color:#9881ea;color:#fff}.ShareSite,.savePicture{align-items:center;border:none;border-radius:10px;display:flex;font-size:17px;height:7%;justify-content:center;margin-top:5%;width:100%}.ShareSite{background-color:#fff;color:#9881ea}.fingerPrint{display:flex;height:50%;width:100%}.zoom-level-0{background-size:100%}.zoom-level-1{background-size:150%}.zoom-level-2{background-size:200%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-7%)}to{transform:translateY(0)}}.floating{animation:float 5s ease-in-out infinite}@keyframes zoomIn{0%{background-position-x:0;background-position-y:0;background-size:120%}to{background-position-x:57%;background-position-y:100%;background-size:263%}}.zoom-in{animation:zoomIn 2s ease forwards}.questionbox-2{flex-direction:column;height:50%;width:90%}.questionbox,.questionbox-2{align-items:center;border:none;border-radius:10px;display:flex;gap:0}.questionbox{background-color:#61dafb;height:100%;justify-content:center;margin-bottom:20%;margin-top:7%;padding:3%;position:relative;width:80%}.questionbox::-webkit-input-placeholder{background-color:#9881ea;display:flex;width:100%}.questioncontainer{height:50%}.questioncontainer,.questioncontainer-2{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30%;width:100%}.questioncontainer-2{height:60%}.overlay{align-items:center;height:100%;justify-content:center;left:0;top:0;transition:opacity 3s ease;width:100%}.overlay,.overlay.fade-in{opacity:1}.overlay.fade-out{opacity:0;transition:opacity 3s ease}.fade-in{opacity:1}.fade-out{opacity:0}.saveIcon,.shareIcon{padding-right:3%}.Goals-3{display:flex;flex-direction:column;font-size:17px;justify-content:space-around}.Goals-3,.answer{color:#5b5b5b;padding-left:3%}.answer{padding-top:3%}.headtext{color:#3b3b3b;font-family:Noto Sans Thai;font-weight:700;line-height:1.5}.filter{background-color:#0000004d;display:flex;height:100%;width:100%}.emoji{display:flex;height:90%;margin-top:5%;width:90%}.nato-sans-thai-bold{font-family:Noto Sans Thai;font-weight:700}.goal-box,.success-way{display:flex;flex-direction:column;height:auto;position:relative}@media screen and (max-width:400px){.FinalPage{height:85%;padding-top:0}.Goals-3{margin-bottom:5%;margin-top:0}.GiftBox{font-size:14px;margin-bottom:-2%}.firstpagemessage{font-size:15px}.finalpagemessage{background-size:100%;font-size:15px;margin-top:10%}.FinalQoute{font-size:15px}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.slider-container{flex-direction:column;height:50%;margin-bottom:30%;width:100%}.score-display,.slider-container{align-items:center;display:flex;justify-content:center}.score-display{color:#6c63ff;font-size:48px;font-weight:700;justify-content:space-between;width:30%}.emoji{font-size:48px;margin-left:10px}.slider{-webkit-appearance:none;appearance:none;border-radius:4px;height:8px;margin-top:5%;width:85%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8486e6;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-webkit-slider-thumb:active{-webkit-appearance:none;appearance:none;background-size:100%}.reason-box{border:none;border-radius:8px;box-shadow:10% #000;box-shadow:0 4px 8px #0000001a;display:flex;font-family:Noto Sans Thai;font-size:14px;height:25%;margin-top:7%;outline:none;padding:10px;resize:none;width:80%}.reason-box:focus{border:3px solid #9881ea}.reason-box-2{border:none;border-radius:8px;box-shadow:10% #000;box-shadow:0 4px 8px #0000001a;display:flex;font-family:Noto Sans Thai;font-size:14px;height:100%;margin-top:5%;outline:none;padding:20px 10px 10px;resize:none;width:80%}.reason-box-2:focus{border:3px solid #9881ea}
/*# sourceMappingURL=main.b33c4f4a.css.map*/