.app{display:flex;flex-direction:column;margin:0;padding:0;width:100%;height:100%}.header-text{text-align:center}.center-text{align-items:center;justify-content:center}.skills-container{display:flex;width:100%;justify-content:center;align-items:center}.highlights-container{display:grid;grid-template-rows:repeat(14,auto);grid-template-columns:repeat(6,auto);gap:16px;justify-content:center;padding-left:64px;padding-right:64px}.spacing-home{height:50dvh}@media (max-width: 1151px){.spacing-home{height:25dvh}}.spacing-home-half{height:25dvh}@media (max-width: 1151px){.spacing-home-half{height:12.5dvh}}@media (max-width: 816px){.highlights-container{gap:8px;padding-left:32px;padding-right:32px}}.projects{display:flex;justify-content:center;align-items:center;flex-direction:column;height:75%}.project-text{font-size:32px;color:#fff;text-align:center;padding-bottom:32px;padding-left:10dvw;padding-right:10dvw}.project-platform-container{display:flex;justify-content:center;gap:48px}.project-platform{border-radius:6px}@media (max-width: 816px){.project-platform{scale:90%}.project-platform-container{scale:90%;gap:16px}}.skills{display:flex;flex-wrap:wrap;justify-content:center}.skills-header{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#fff;font-size:1.5rem;line-height:2rem}.highlight-1{grid-row:1 / 3;grid-column:1 / 6}.highlight-2{grid-row:1 / 3;grid-column:6 / 7}.highlight-3{grid-row:3 / 5;grid-column:1 / 2}.highlight-4{grid-row:3 / 5;grid-column:2 / 7}.highlight-5{grid-row:5 / 7;grid-column:1 / 6}.highlight-6{grid-row:5 / 7;grid-column:6 / 7}.highlight-7{grid-row:7 / 9;grid-column:1 / 2}.highlight-8{grid-row:7 / 9;grid-column:2 / 7}.highlight-9{grid-row:9 / 11;grid-column:1 / 6}.highlight-10{grid-row:9 / 11;grid-column:6 / 7}.highlight-11{grid-row:11 / 13;grid-column:1 / 2}.highlight-12{grid-row:11 / 13;grid-column:2 / 7}.highlight-13{grid-row:13 / 15;grid-column:1 / 6}.highlight-14{grid-row:13 / 15;grid-column:6 / 7}.highlight-15{grid-row:15 / 17;grid-column:1 / 2}.highlight-16{grid-row:15 / 17;grid-column:2 / 7}.social-media-container{display:flex;background-color:var(--item-color);border-top:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);padding-top:16px;padding-bottom:16px;flex-direction:row;gap:32px;justify-content:center;align-items:center}.profile{display:flex;height:95dvh;flex-direction:column;align-items:center;justify-content:center}.profile-img{width:100%;height:100%;border-radius:8px}.profile-img-container{display:flex;justify-content:center;align-items:center;position:relative;width:256px;height:256px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.profile-img-container:after,.profile-img-container:before{border-radius:8px;background-image:conic-gradient(from var(--angle),transparent 25%,#3a86ff,#b5179e,#ff006e,#8338ec,#3a86ff);position:absolute;content:"";width:100%;height:100%;padding:3px;top:50%;left:50%;translate:-50% -50%;z-index:-1;animation:3s spin linear infinite}.profile-img-container:before{filter:blur(2.5rem);opacity:.5}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.profile-description{margin-top:64px;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#fff;font-size:1.5rem;line-height:2rem;text-align:center;max-width:35ch;padding-left:10dvw;padding-right:10dvw}.quote{margin-top:64px;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#fff;font-size:1.5rem;line-height:2rem;text-align:center;padding-left:10dvw;padding-right:10dvw}.project{display:flex;align-items:center;justify-content:center;background-color:var(--item-color);border:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);display:inline-block;padding:32px;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px}.project:hover{cursor:pointer;border:1px solid white;box-shadow:0 0 10px var(--border-color-focused)}.project-name{text-align:center;color:#fff;font-size:24px}.project-description{text-align:center;color:#fff;font-size:18px}@media (max-width: 816px){.project{padding:16px}.project-name{font-size:24px}.project-description{text-align:center;color:#fff;font-size:12px}}.image-button{-webkit-user-select:none;user-select:none;cursor:pointer}.image-button-image{border-radius:4px}.image-button-image:hover{scale:1.05}.skill{margin:8px;display:flex;flex-direction:column;background-color:var(--item-color);border:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);width:128px;height:176px;border-radius:4px;padding-top:8px;padding-left:8px;padding-right:8px;-webkit-user-select:none;user-select:none;cursor:pointer}.skill:hover{cursor:pointer;scale:1.05;border:1px solid var(--border-color-focused);box-shadow:0 0 10px var(--border-color-focused)}.skill-img{width:128px;height:128px;border-radius:4px}.skill-text{display:flex;flex-grow:1;align-items:center;justify-content:center;color:#fff;margin-top:0;margin-bottom:0}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}.successful-ui{color:#fff}.failed-ui{color:red}.result-contact{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;background-color:var(--item-color);border:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);border-radius:4px;width:512px;height:512px;padding:24px;gap:24px}@media (max-width: 816px){.contact-form{width:384px;height:384px;padding:16px;gap:16px}}@media (max-width: 512px){.contact-form{width:300px;height:300px;padding:16px;gap:16px}}.contact-form-name,.contact-form-email{background-color:var(--item-color);border:1px solid var(--border-color);border-radius:4px;color:#fff;height:32px;font-size:18px;padding:6px}.contact-form-message{background-color:var(--item-color);border:1px solid var(--border-color);border-radius:4px;color:#fff;height:100%;font-size:18px;padding:6px;resize:none}.contact-form-submit-button{background-color:var(--item-color);border:1px solid var(--border-color);border-radius:4px;color:#fff;width:25%;height:64px}.contact-form-submit-button{cursor:pointer}.contact-form-submit-button:disabled{scale:1;cursor:not-allowed;background-image:linear-gradient(rgb(0 0 0/40%) 0 0)}.contact-form-submit-button:active:not(:disabled){scale:1.05}.contact-form-submit-button:hover:not(:disabled){background-color:var(--item-hover-color)}.main-area{height:100%;width:100%}.navbar-offset{width:100%;height:80px}@media (max-width: 816px){.navbar-offset{height:65px}}.blogs{display:flex;flex-direction:column;margin:16px 25%;gap:16px}@media (max-width: 816px){.blogs{margin-right:5%;margin-left:5%}}.blog-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--item-color);border:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);border-radius:4px;height:512px}.blog-thumbnail:hover{cursor:pointer;border:1px solid var(--border-color-focused);box-shadow:0 0 10px var(--border-color-focused)}.blog-thumbnail-title{font-size:24px;margin-top:0;margin-bottom:0;color:#fff;text-align:center;padding-left:16%;padding-right:16%}.blog-thumbnail-date{font-size:18px;position:absolute;color:#fff;top:32px;right:32px;margin-top:0;margin-bottom:0}@media (max-width: 1600px){.blog-thumbnail-title{font-size:24px}.blog-thumbnail-date{font-size:18px}}@media (max-width: 816px){.blog-thumbnail{scale:90%}.blog-thumbnail-title{font-size:24px}.blog-thumbnail-date{font-size:18px}}.selector-container{border-radius:4px;display:flex;justify-content:center;padding-left:64px;padding-right:64px;height:64px}.selector-container:hover,.selector-container-selected{background-color:var(--item-hover-color)}.selector-container-not-selected{background-color:transparent}.selector-text{font-size:32px;-webkit-user-select:none;user-select:none;color:#fff;font-family:Lato;font-size:1.25rem}.change-cursor-to-pointer{cursor:pointer}@media (max-width: 816px){.selector-container{padding-left:32px;padding-right:32px}}.navbar{display:flex;flex-direction:row;justify-content:space-evenly;padding-top:8px;padding-bottom:8px;width:100%;position:fixed;z-index:10;background:var(--item-color);border-bottom:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color)}@media (max-width: 816px){.selector-link{scale:75%}.navbar{padding-top:0;padding-bottom:0}}.svg-button{-webkit-user-select:none;user-select:none;cursor:pointer}.svg-button-svg{border-radius:4px;filter:invert(1)}.svg-button:active{scale:1.01}.blog{display:flex;flex-direction:column;font-size:24px;background-color:var(--item-color);border:1px solid var(--border-color);box-shadow:0 0 10px var(--border-color);border-radius:4px;margin-left:64px;margin-right:64px;margin-top:64px;padding:32px}.spacing-blog{height:64px}.blog-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid var(--border-color);background-color:var(--item-hover-color);border-radius:4px;padding:1%}.blog-title{color:#fff;font-family:Lato;font-size:32px;margin-top:0;padding-top:0;padding-bottom:0;margin-bottom:0}.blog-date{color:#fff;margin-top:0;margin-bottom:0}.markdown-content{padding-left:32px;padding-right:32px;font-size:16px;font-family:Lato;color:#fff}@media (max-width: 1561px){.blog-header{flex-direction:column}}@media (max-width: 816px){.blog-header{flex-direction:column}.blog{font-size:16px;margin-left:16px;margin-right:16px;margin-top:16px;padding:16px}.spacing{height:16px}.blog-title{font-size:28px}.blog-date{font-size:18px}}:root{--item-color: #1d232b;--background-color: #1e2531;--item-hover-color: #222a35;--border-color: #30363d;--border-color-focused: #3a414a;background:var(--background-color);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}img[alt=previously_of_how_i_think_the_universe_work],img[alt=final_photo_of_how_i_think_and_experience_how_the_universe_look_like]{width:100%;max-width:1000px;height:auto;display:block;margin:20px auto}.markdown-content{padding-left:32px;padding-right:32px;font-size:16px;font-family:Lato;color:#fff;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}@media (max-width: 816px){.markdown-content{padding-left:16px;padding-right:16px}}html,body,#root{height:100%;margin:0}h1,h2,h3,h4,h5{color:#fff}a{all:unset}