*{padding:0;margin:0;box-sizing:border-box}*,html{scroll-behavior:smooth!important}@font-face{font-family:Showclick;src:url(/fonts/showclick.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4.ttf) format("truetype-variations");font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-display:swap}:root{--border-size: 1px;--logo-size: 15rem}body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:#f2cb9b}#bg-canvas{position:fixed;top:0;left:0;width:250%;height:100%;z-index:-1;display:block}body:has(.overlay){overflow:hidden}button{all:unset}#test-btn{position:fixed;top:2rem;right:2rem;cursor:pointer;background:#fff;padding:.5rem;font-family:"Source Serif 4",sans-serif}#app{padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;align-items:center;min-height:100vh;height:100%;width:100%;position:relative}.overlay{font-family:"Source Serif 4",sans-serif;backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%}.message-container{display:flex;align-items:center;flex-direction:column;justify-content:center;background:#fff;padding:.5rem;width:80%;min-height:35%;gap:1.6rem;position:relative;border:1px solid}.message-heading{font-size:2rem;font-weight:700}.message-text{text-align:center}.close-button-container{width:100%;display:flex;justify-content:flex-end;right:2rem;bottom:10%}.call-to-action{cursor:pointer;background:#e50cd6;color:#fff}.close-button-container>button{padding:.2rem 1rem}@media screen and (min-width: 750px){body{background-size:cover}.message-container{width:55%;padding:1.9rem}.section-heading{width:30vw;margin:auto auto -1px}.info-section-content-wrapper{width:60%;margin:auto}}section{font-family:"Source Serif 4",serif;font-weight:400;font-style:normal}#logo-container{width:var(--logo-size);height:var(--logo-size);border:var(--border-size) solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}#logo-name{text-align:center;font-family:Montserrat;font-weight:500}#logo-label{position:absolute;bottom:1.85rem;font-size:2.5rem;right:-2rem;transform:rotate(344deg);color:#e50cd6;font-family:Showclick}.info-section-content-wrapper{max-height:0;transition:max-height .4s ease;overflow:hidden}.info-section-content-wrapper.active{max-height:1800px;transition:max-height .4s ease}.section-heading{text-align:center;padding:.8rem 1.5rem;font-size:1.2rem;cursor:pointer;transition:all .15s;border:var(--border-size) solid black;margin-bottom:-1px}.active-heading{color:#e50cd6}@media screen and (min-width: 550px){.section-heading:hover{color:#e50cd6}}.info-section-content{margin:1rem 0rem}.info-section-content>p{margin-top:1rem;text-align:center}#my-philosophy-section{text-align:center}#multi-line-paragraph{display:flex;flex-direction:column;align-items:center}#bold-paragraph{font-weight:700}.contact-form-wrapper{font-family:"Source Serif 4",serif;display:grid;justify-items:center;margin-top:2.5rem;gap:.5rem}.contact-inputs-container{width:100%;display:flex;flex-direction:column;gap:.5rem}#email-input-container{display:flex;align-items:center;gap:.5rem}#email-input-container>label{font-weight:700}#email-input-container>input{all:unset;background:#fff;width:100%;padding:.4rem}#message-input-container{height:10rem;display:grid}#message{all:unset;font-family:"Source Serif 4",serif;background:#fff;padding:.4rem;font-style:italic}#send-message-btn{padding:.3rem;justify-self:end}#nickname-input-container{display:none}.btn-clicked{background:#d40ec6;color:#000}.section-heading:active{color:#000}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Source Serif 4",sans-serif;gap:.5rem}.not-found-page>a{font-size:1.2rem}