:root{box-sizing:border-box;margin:0;font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-image:linear-gradient(#38263f,#73647c);color:azure;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}main{display:flex;flex-direction:column;align-items:center;width:min(100% - 3rem,56.25rem);margin-inline:auto;padding-block:40px;text-align:center}@media (min-width: 43.75em){main{text-align:left}}p{font-size:clamp(.75rem,.8125rem + .5vw,1rem)}nav{margin-right:1.25rem}ul{display:flex;justify-content:space-between}a{color:azure}section{padding-block:3.75rem}h2,h3,h4{margin:0}.material-symbols-outlined{color:#fff}.animation-img{clip-path:inset(100% 0% 0% 0%);opacity:0;transform:translateY(20px);transition:clip-path 2.5s ease-out,opacity 2.5s ease-out,transform 2.5s ease-out}.animation-img.is-visible{clip-path:inset(0% 0% 0% 0%);opacity:1;transform:translateY(0)}.reveal-text{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.reveal-text.is-visible{opacity:1;transform:translateY(0)}.not-asked-for-advice{font-size:.9em;font-style:italic}.btn{background-color:#38263f;padding:.9375rem 1.5625rem;border-radius:10px;color:#fff;font-family:Poppins,sans-serif;font-weight:600;border:1px solid #b1afb3;text-transform:uppercase;margin-inline-start:.625rem}.btn:hover{cursor:pointer}.arrow-btn{background-color:transparent;border:none}.about-section,.contact-section{height:100vh}textarea{font-family:Poppins,sans-serif;font-size:.875rem;height:12.5rem;background-color:#a895ad;border:2px solid #38263f;color:#000}textarea:focus,input:focus{border:2px solid white;text-decoration:none;outline:none}input{width:18.75rem;height:1.5625rem;background-color:#a895ad;border:2px solid #38263f;color:#000}.arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(2.5rem,2.5rem + 1vw,3.125rem);height:clamp(2.5rem,2.5rem + 1vw,3.125rem);border-radius:50%;border:2px solid white;background-color:#38263f;font-family:Poppins,sans-serif}.arrow:hover{cursor:pointer}.material-symbols-outlined{font-size:clamp(2.5rem,2.5rem + 1vw,3.125rem)}.emotion-image-section{display:flex;flex-direction:column;align-items:center}.emotion-image-section .choosen-image-frame{border-radius:10%;border:10px solid purple}.emotion-image-section .step-four-label{font-size:.875rem;margin-right:10px}@media (min-width: 43.75em){.emotion-image-section{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.emotion-image-section .step-four-wrapper{grid-column:1/span 1;grid-row:1/span 1}.emotion-image-section .step-four-form{display:flex;flex-direction:column;align-items:stretch}.emotion-image-section .step-four-input{width:100%}.emotion-image-section .step-four-button{align-self:flex-end;width:auto}}.step-four-images-section{display:flex;flex-direction:column;padding-block:0}@media (min-width: 43.75em){.step-four-images-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;justify-items:center;text-align:center}}@media (min-width: 56.25em){.step-four-images-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.step-four-images-section .step-four-search-image{height:21.875rem;width:clamp(15.625rem,16.875rem + 1vw,19.375rem);object-fit:cover;margin-bottom:1.25rem}}.step-four-img{max-height:28.125rem;width:clamp(12.5rem,20rem + 5vw,25rem);object-fit:cover;margin-bottom:1.25rem}.step-four-search-image{height:21.875rem;width:clamp(16.25rem,17.5rem + 1vw,20rem);object-fit:cover;margin-bottom:1.25rem}.step-four-search-image:hover{cursor:pointer}.choosen-image-frame{border:6px solid rgb(255,255,255)}.step-four-choosen-image-text{font-size:.875rem;font-weight:600;margin:0}.step-four-button{margin-top:.625rem}h1{font-size:2.625rem;font-size:clamp(3.125rem,1.77rem + 3.58vw,5rem);line-height:1;text-transform:uppercase;font-weight:400}.intro-text{font-size:clamp(.75rem,.875rem + .5vw,1.5rem)}.critic-thoughts-section{display:grid}@media (min-width: 43.75em){.critic-thoughts-section{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.25rem}.critic-thoughts-section .step-one-wrapper{display:grid;align-items:start}.critic-thoughts-section .step-one-heading{grid-column:1/span 3;grid-row:1/span 1}.critic-thoughts-section .step-one-img{grid-column:1/span 3;justify-self:start;align-self:start;width:clamp(19.375rem,19.375rem + 5vw,25rem)}.critic-thoughts-section .step-one-text{align-self:start;justify-self:start;margin:0}.critic-thoughts-section .step-one-form{display:grid;justify-self:start;margin-top:.625rem}.critic-thoughts-section .step-one-text-area{width:23.125rem}.critic-thoughts-section .step-one-btn{margin-top:.625rem;justify-self:end}}.step-one-img{max-height:21.875rem;width:clamp(12.5rem,18.125rem + 5vw,20rem);object-fit:cover}.step-one-form{display:flex;flex-direction:column;justify-items:end}.step-one-note{font-size:.75rem;margin:0}.step-one-hover-wrapper{display:flex;justify-content:end;position:relative}.step-one-storage-info{display:none;position:absolute;top:100%;left:0;background-color:#260930;border:1px solid black;font-size:.75rem;padding:.625rem}.step-one-hover-wrapper:hover .step-one-storage-info{display:block}.step-one-button-wrapper{display:flex;justify-content:end;margin-top:.625rem}.step-one-delete-wrapper,.step-one-save-wrapper{align-items:center;text-align:center}.saved,.deleted{font-size:.75rem;margin:0;margin-top:.3125rem}.step-one-checkmark-wrapper{display:flex;justify-content:center;margin:0}.step-one-checkmark{position:relative;width:1rem;height:1rem;margin-left:.625rem}.step-one-checkmark:after{content:"";position:absolute;width:.375rem;height:.75rem;border:solid #89d989;border-width:0 2px 2px 0;top:0;left:0;transform:rotate(45deg) scale(0);transform-origin:bottom left;animation:drawCheck .6s ease-out forwards}.notice-emotion-section{display:flex;flex-direction:column;align-items:center}@media (min-width: 43.75em){.notice-emotion-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}}.notice-emotion-section .step-three-img{grid-column:1/span 1}.notice-emotion-section .step-three-text-wrapper{grid-column:2/span 3;grid-row:1/span 1}.notice-emotion-section .step-three-heading{margin-top:0}.step-three-img{max-height:28.125rem;width:clamp(12.5rem,20rem + 5vw,25rem);object-fit:cover;margin-bottom:1.25rem}.critic-name-section{display:flex;flex-direction:column;align-items:center}.critic-name-section .step-five-input{margin-bottom:10px}.critic-name-section .step-five-label{font-size:.875rem;margin-right:10px}@media (min-width: 43.75em){.critic-name-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.critic-name-section .step-five-img{grid-column:1/span 1}.critic-name-section .step-five-wrapper{display:grid;grid-column:2/span 3;grid-row:1/span 1}.critic-name-section .step-five-heading,.critic-name-section .step-five-text{grid-column:1/span 2}.critic-name-section .step-five-form{display:grid;gap:.625rem;justify-items:end;max-width:80%}.critic-name-section .step-five-input{max-width:25rem}.critic-name-section .step-five-button{width:auto;max-width:fit-content;justify-self:end}.critic-name-section .step-five-advice{grid-column:1/span 1}}.step-five-img{max-height:28.125rem;width:clamp(12.5rem,20rem + 5vw,25rem);object-fit:cover;margin-bottom:1.25rem}.step-five-advice{font-size:.75rem;font-style:italic}.step-five-no-name-text,.step-five-name-text{font-size:.75rem;margin:0}.step-five-name-text{margin-top:.3125rem}.step-five-checkmark-wrapper{display:flex;justify-content:center}.step-five-checkmark{position:relative;width:1rem;height:1rem;margin-left:.625rem}.step-five-checkmark:after{content:"";position:absolute;width:.375rem;height:.75rem;border:solid #89d989;border-width:0 2px 2px 0;top:0;left:0;transform:rotate(45deg) scale(0);transform-origin:bottom left;animation:drawCheck .6s ease-out forwards}@keyframes drawCheck{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.drawing-section{display:flex;flex-direction:column;align-items:center}@media (min-width: 43.75em){.drawing-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;justify-items:center}.drawing-section .step-six-img{max-height:21.875rem;width:clamp(37.5rem,42.5rem + 1vw,47.5rem);grid-column:1/span 2}.drawing-section .step-six-text-wrapper{grid-column:1/span 2}}.step-six-img{max-height:21.875rem;width:clamp(21.875rem,23.75rem + 1vw,30rem);object-fit:cover;margin-bottom:1.25rem}.animation-section{display:flex;flex-direction:column;align-items:center;width:min(100%,56.25rem);margin-inline:auto;text-align:center}@media (min-width: 43.75em){.animation-section .step-seven-intro-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1.25rem;align-items:left;justify-items:left;text-align:left}.animation-section .step-seven-intro-wrapper .step-seven-heading{grid-column:1/span 2}.animation-section .step-seven-intro-wrapper .step-seven-text{grid-column:1/span 2;margin-bottom:3.125rem}}.animation-section .step-seven-animation-frame{height:93.75rem;width:calc(20rem + 10vw);object-fit:cover;margin-bottom:2.5rem}@media (min-width: 43.75em){.animation-section .step-seven-animation-frame{height:93.75rem;width:calc(38.75rem + 10vw);object-fit:cover}}@media (min-width: 56.25em){.animation-section .step-seven-animation-frame{height:93.75rem;width:calc(45rem + 10vw);object-fit:cover}}@media (min-width: 68.75em){.animation-section .step-seven-animation-frame{height:56.25rem;width:calc(65.625rem + 5vw);object-fit:cover}}@media (min-width: 81.25em){.animation-section .step-seven-animation-frame{height:56.25rem;width:clamp(75rem,78.125rem + 4vw,106.25rem);object-fit:cover}}.animation-section .step-seven-save-animation-img{max-height:18.75rem;width:80%;object-fit:cover}@media (min-width: 43.75em){.animation-section .step-seven-save-animation-img{width:60%}}.animation-section .step-seven-save-animation-img2{margin-top:.625rem;max-height:18.75rem;width:80%;object-fit:cover}@media (min-width: 43.75em){.animation-section .step-seven-save-animation-img2{width:60%}}.animation-section .step-seven-button{margin-top:.625rem}.slider-section{display:flex;flex-direction:column;align-items:center}.slider-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:80%}.slider-wrapper{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto;align-items:center}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.5625rem;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:12.5px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5625rem;height:1.5625rem;background:#3b2b48;border-radius:50%;cursor:pointer;margin:0}.slider::-moz-range-thumb{width:1.5625rem;height:1.5625rem;background:#3b2b48;cursor:pointer;border-radius:50%;border:none}.value-wrapper{display:grid;grid-column:2/span 1;grid-row:2/span 1;justify-content:center}.slider-value{font-size:1.125rem;font-weight:600;margin:0}.slider-label-left,.slider-label-right{font-size:clamp(.75rem,.75rem + .2vw,.875rem);margin-left:.625rem;margin-right:.625rem}.slider-label-left{text-align:right}.slider-value-right{text-align:left}.check-thoughts-section{display:grid;align-items:center}@media (min-width: 43.75em){.check-thoughts-section{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:1.25rem}.check-thoughts-section .step-two-heading{grid-column:1/span 3;grid-row:1/span 1}.check-thoughts-section .step-two-text{grid-column:1/span 2;grid-row:2/span 1}.check-thoughts-section .step-two-slider-wrapper{grid-column:1/span 3;grid-row:3/span 1;padding-inline:3.125rem;align-self:center}}.closing-section{display:flex;flex-direction:column;align-items:center;text-align:center}.step-eleven-celebration-image{margin-top:.625rem;max-height:25rem;width:clamp(12.5rem,18.125rem + 5vw,20rem);object-fit:cover}.step-eleven-heading{font-size:2.5rem}.change-voice-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.25rem;padding-bottom:0}@media (min-width: 56.25em){.change-voice-section{align-items:start}}.recorder{display:flex;gap:1rem;align-items:center;margin:0}.effect-btn{margin:0}.is-recording-wrapper{display:flex;align-items:center}.recording-indicator{width:1rem;height:1rem;background-color:red;border-radius:50%;animation:pulse 1s infinite;margin-right:.625rem}.start-btn{margin:0}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:.8}}.effect-controls{display:flex;flex-direction:column;gap:.5rem;align-items:center}@media (min-width: 56.25em){.effect-controls{align-items:start}}select{width:220px;padding:.6rem 1rem;font-size:1rem;border:1px solid white;border-radius:12px;background-color:#73647c;color:#f7f5f5;cursor:pointer;outline:none}select option{font-size:1rem;padding:.6rem;background-color:#73647c;color:#f7f5f5;border-radius:8px}select option:hover{background-color:#38263f}.btn:disabled{cursor:not-allowed;color:#000;background-color:#ccccccb1}.stop-btn{border:1px solid black}.voice-the-thoughts-section{display:flex;flex-direction:column;align-items:center;width:min(100% - 1.875rem,37.5rem);margin-inline:auto;text-align:center}@media (min-width: 56.25em){.voice-the-thoughts-section{text-align:left;align-items:start;width:100%}}.voice-the-thoughts-section .step-eight-iframe{height:440px;width:calc(20rem + 10vw);object-fit:cover;margin-top:1.25rem}@media (min-width: 25em){.voice-the-thoughts-section .step-eight-iframe{width:calc(21.875rem + 10vw)}}.spinning-div{animation:spinAndShrink 5s ease-in-out forwards}.step-ten-old-thoughts{font-size:1.5625rem}@keyframes spinAndShrink{0%{transform:rotate(0) scale(1);opacity:1}40%{transform:rotate(360deg) scale(1)}70%{transform:rotate(720deg) scale(.7);opacity:.7}to{transform:rotate(1080deg) scale(0);opacity:0}}.fading-div{animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.falling-div{animation:shrinkFall 2s forwards}@keyframes shrinkFall{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(0) translateY(50px);opacity:0}}.show-the-thoughts{opacity:1}.step-ten-button-wrapper{display:flex;flex-direction:column;gap:.625rem;align-items:center;justify-items:center}@media (min-width: 43.75em){.step-ten-button-wrapper{flex-direction:row}.step-ten-button-wrapper .btn{margin:0}}.check-old-thoughts-section{display:grid;align-items:center}@media (min-width: 43.75em){.check-old-thoughts-section{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:1.25rem}.check-old-thoughts-section .step-nine-heading{grid-column:1/span 3;grid-row:1/span 1}.check-old-thoughts-section .step-nine-text{grid-column:1/span 2;grid-row:2/span 1}.check-old-thoughts-section .step-nine-slider-wrapper{grid-column:1/span 3;grid-row:3/span 1;padding-inline:3.125rem;align-self:center}}.contact-content{display:flex;flex-direction:column;align-items:center}.contact-content .contact-image-wrapper{width:18.75rem;height:18.75rem}.contact-content .contact-photo{width:100%;height:100%;object-fit:cover}@media (min-width: 43.75em){.contact-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1.25rem;align-items:center}.contact-content .contact-text-wrapper{grid-column:2/span 1;grid-row:1/span 1}.contact-content .contact-image-wrapper{grid-column:1/span 1;grid-row:1/span 1;justify-self:end}}header{position:sticky;top:0;height:7.5rem;max-width:100vw;margin:0;background-color:#44354a;padding-left:1.25rem;padding-right:1.25rem;display:flex;align-items:center;justify-content:flex-end;z-index:5}header li{list-style:none}header a{margin-left:1.25rem;text-decoration-line:none}header a:hover{color:#d6e0cf;text-decoration-line:underline}