body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(315deg,#d6ae6e,#f3ca7e 50%,#d4b371)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-width:100vw;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{box-sizing:border-box;display:grid;grid-template-rows:auto auto;margin:0 auto;width:100%}.main-container.homepage{padding:10% 10% 0}.main-container.notes{height:100vh;padding:0}.aboutme-container{display:grid;grid-template-columns:auto auto;height:fit-content;width:100%}.aboutme-left{align-items:start;display:grid;height:100%;justify-items:center;overflow-wrap:anywhere;width:100%;word-break:break-word}.aboutme-photo{border-radius:1%;height:506px;margin-top:5%;object-fit:cover;width:421px}.aboutme-icons{grid-gap:5%;display:grid;gap:5%;grid-auto-flow:column;justify-content:center;margin-top:5%}.aboutme-icons img{height:64px;transition:transform .3s ease;width:64px}.aboutme-icons img:hover{animation:wiggle .3s ease-in-out}.aboutme-right{background:#0000;box-sizing:border-box;display:block;height:50;overflow-wrap:break-word;overflow-y:auto;padding-left:15%;padding-top:7%;white-space:normal;width:100%;word-break:break-word}.aboutme-right h2{margin-bottom:5%}.aboutme-right p{word-wrap:break-word;font-size:1.2rem;line-height:1.6}.projects-container{background:#0000;display:grid;height:auto;padding-top:10%;place-items:start center;width:100%}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);margin-top:3rem;place-items:start center;width:100%}.project-item{display:grid;max-width:200px;place-items:center;text-align:center;width:100%}.project-emoji{filter:grayscale(100%);font-size:4rem;line-height:1;margin-bottom:1rem;transition:filter .3s ease}.project-item:hover .project-emoji{filter:grayscale(0)}.project-name{color:#333;font-size:1.2rem;font-weight:600;margin:.5rem 0}.project-description{color:#666;font-size:.9rem;line-height:1.4;margin:0;padding:0 .5rem}.note{font-size:1.1rem;line-height:1.6}.note h1,.note h2,.note h3,.note h4,.note h5,.note h6{font-size:2em}.note p{font-size:1.2rem}.note-tags{grid-gap:.75rem;display:grid;gap:.75rem;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(auto,max-content));justify-content:start;margin-top:.5rem}.note-tag{background:#ffffff59;border:none;border-radius:0;box-shadow:none;color:#222;font-size:.8rem;padding:.5rem .6rem;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.note-tag:hover{background:#ffffff8c;color:#000}.note-title-button{background:none;border:none;border-bottom:2px solid #0000;color:#262627;cursor:pointer;font:inherit;font-size:1.4rem;font-weight:600;padding:0;text-align:left;text-decoration:underline;transition:border-bottom-color .2s ease,color .2s ease;width:100%}.icon-button{background:#0000;border:none;cursor:pointer;display:grid;outline:none;padding:0;place-items:center}.icon-button:focus{outline:none}.icon-button:hover{background:#0000}.notes-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;width:100%}.notes-top-bar{align-items:center;background:#ffffff1a;border-bottom:1px solid #0000001a;display:flex;gap:2rem;justify-content:center;padding:1rem 2rem}.notes-photo{border-radius:50%;height:64px;object-fit:cover;width:64px}.notes-photo.clickable{cursor:pointer;transition:opacity .3s ease,transform .2s ease}.notes-photo.clickable:hover{opacity:.8;transform:scale(1.05)}.notes-icons{align-items:center;display:flex;gap:1rem}.notes-icons img{height:64px;transition:transform .3s ease;width:64px}.notes-icons img:hover{animation:wiggle .3s ease-in-out}.notes-content{margin:0 auto;max-width:min(90vw,1000px);overflow-y:auto;padding:2rem;width:100%}.notes-header{margin-bottom:1rem;width:100%}.notes-header h1{margin:0;text-align:center}.notes-list{width:100%}.note-item{background:#ffffff1a;border:1px solid #0000001a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.note-view-layout{background:#0000;display:grid;grid-template-rows:auto 1fr;height:100vh;width:100%}.note-view-header{background:#ffffff1a;border-bottom:1px solid #0000001a;padding:1rem 2rem}.back-button{background:#fff3;border:1px solid #0003;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease,transform .1s ease}.back-button:hover{background:#ffffff4d;transform:translateX(-2px)}.note-view-content{margin:0 auto;max-width:min(90vw,1000px);overflow-y:auto;padding:2rem;width:100%}.random-mira-image{border-radius:3px;height:auto;max-height:300px;max-width:300px;object-fit:contain;opacity:.7;transition:opacity .3s ease;width:auto}.random-mira-image:hover{opacity:1}@media (max-width:1024px){.aboutme-container{gap:2rem;grid-template-columns:1fr 1fr}.aboutme-photo{height:360px;width:300px}.aboutme-right{padding-left:5%;padding-top:5%}.aboutme-icons img{height:48px;width:48px}}@media (max-width:768px){.aboutme-container{gap:1rem;grid-template-columns:1fr;text-align:center}.aboutme-left{order:1}.aboutme-right{order:2;padding:1rem;text-align:left}.aboutme-photo{height:300px;margin-top:0;width:250px}.aboutme-icons{gap:3%;margin-top:1rem}.aboutme-icons img{height:40px;width:40px}.aboutme-right h2{margin-bottom:1rem;text-align:center}.aboutme-right p{font-size:1.1rem;line-height:1.5}}@media (max-width:480px){.main-container.homepage{padding:5% 5% 0}.aboutme-photo{height:240px;width:200px}.aboutme-icons img{height:36px;width:36px}.aboutme-right p{font-size:1rem}}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}
/*# sourceMappingURL=main.9561eee2.css.map*/