@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--raw-concrete: #d1d1d1;--void-black: #3d3d3d;--structure-line: #000000;--old-paper: #f3eed9;--pinkie: hsla(11, 77%, 71%, .7);--highlight: hsla(0, 0%, 0%, 1);--highlight-extra: #e5cfc1;--smoke: hsla(357, 26%, 42%, .5);--fair: hsla(28, 85%, 79%, .5);--tired-blue: #7e74a9;--tired-transparent: rgba(126, 116, 169, .5);--papel-vegetal: rgba(255,255,255,.8);--sw-width: 60px;--sw-height: 34px;--sw-ball: 26px;--altura: 85vh }body{font-family:Quicksand;font-style:normal;font-weight:400;font-size:medium;color:var(--void-black);padding-top:0;width:100vw;position:relative;overflow-x:hidden}html,body{margin:0;padding:0;width:100%;position:relative}#root,.App{top:0;position:relative;width:auto;padding:2rem}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1000;overflow:hidden;background-image:radial-gradient(white,rgba(255,255,255,.1) 3px,transparent 3px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(rgba(255,255,255,.5),rgba(255,255,255,.1) 1px,transparent 1.5px),linear-gradient(0deg,var(--highlight-extra),var(--tired-blue) 30%,black 100%);background-size:400px 400px,350px 350px,300px 300px,100% 100%;background-repeat:repeat,repeat,repeat,no-repeat;background-position:0px 0px,40px 60px,130px 200px,0px 0px;animation:illuminate 4s 1 forwards}@keyframes illuminate{0%{opacity:0}to{opacity:1}}@keyframes illuminate{0%{filter:brightness(0%)}to{filter:brightness(100%)}}.messages{color:var(--tired-blue);font-weight:800;width:fit-content;padding:5rem;margin:auto}.blog-list-home{max-height:250px;overflow-y:auto;padding-right:10px}.blog-list-home::-webkit-scrollbar{width:8px}.blog-list-home::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.blog-list-home::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.blog-list-home::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.blog-list-home{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.blog-list-item{cursor:pointer;padding:12px;margin-bottom:8px;border-bottom:1px solid #eee;transition:all .2s ease;border-radius:8px}.blog-list-item:hover{background-color:#f9f9f9!important}.blog-list-item.active{background-color:#f0f0f0;border-left:3px solid var(--highlight-extra);padding-left:9px!important}.selected-post-content{height:fit-content;padding-right:10px;font-size:1rem}.read-full-post{color:var(--tired-blue)}.selected-post-content::-webkit-scrollbar{width:6px}.selected-post-content::-webkit-scrollbar-track{background:tired;border-radius:3px}.selected-post-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.selected-post{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.languageToggle{z-index:100;color:var(--old-paper);display:flex;align-items:right;justify-content:right;gap:clamp(5px,1vw,10px);margin-top:3rem;padding:1rem}.switchLan{color:var(--old-paper)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--highlight-extra);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(calc(var(--sw-width) - var(--sw-ball) - 8px))}input:checked+.slider{background-color:#9898f8}nav{padding:0;position:sticky;z-index:100;animation:appear 0s 6 forwards;flex-wrap:wrap;margin-top:.4rem;padding-top:.1rem;padding-bottom:.2rem;border-radius:15px 15px 0 0;background-color:#fff3}nav ul{height:fit-content;position:relative;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}nav li{color:var(--void-black);margin:0;width:18%;display:flex;justify-content:center}nav a{text-decoration:none;display:block;font-weight:800;text-transform:uppercase;transition:background .2s;font-size:clamp(.75rem,2vw,1rem);color:var(--old-paper)}nav li:hover{text-shadow:white 0px 0px 6px}h1{font-size:larger;line-height:.85;text-align:left;letter-spacing:-.05em;word-break:break-all}.header{z-index:100;height:auto;align-items:center;justify-content:space-between}.moon{border-radius:50%;z-index:-100;position:absolute;height:15vw;width:15vw;color:var(--void-black);display:inline-block;padding:.5rem 1rem;font-size:1rem;margin-bottom:0;background:#ffe8e8;box-shadow:0 0 15px 10px #fff}@property --light-x{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@property --light-y{syntax: "<percentage>"; initial-value: 50%; inherits: false;}.planet-shade{border-radius:50%;z-index:100;position:absolute;height:15vw;width:15vw;color:var(--void-black);display:inline-block;padding:.5rem 1rem;font-size:1rem;overflow:hidden;margin-bottom:0;box-shadow:inset -5px -5px 15px #00000080;background:radial-gradient(circle at var(--light-x) var(--light-y),white 0%,var(--highlight) 30%,var(--tired-blue) 100%);animation:move_shade 3s linear forwards}.astro_quote{position:relative;margin-top:15vh;margin-left:10vh}@keyframes move_shade{0%{transform:translate(0)}to{--angle: 90deg;transform:translate(18vw)}}@keyframes move_shade{0%{filter:brightness(0%);z-index:-50;--light-x: 100%;--light-y: 50%;transform:translate(0)}50%{filter:brightness(50%);z-index:-50;transform:translate(9vw);--light-x: 50%;--light-y: 50%;opacity:100%}to{filter:brightness(100%);z-index:-50;transform:translate(19vw);--light-x: 0%;--light-y: 50%;opacity:0%}}.project-grid{position:relative;display:grid;margin:auto;grid-template-columns:repeat(12,1fr)}.project-card{padding-top:1rem;padding-left:2rem;padding-right:2rem;grid-column:span 6;background-color:var(--papel-vegetal);transition:all .3s;overflow:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;height:var(--altura);font-size:larger}.project-card-blogpost,.bloglist{background-color:#fff;padding:1rem;border-radius:12px;margin:2rem}.project-single-card{color:var(--tired-blue)}.project-grid,.project-single-card,.project-card-wide{grid-column:span 12;transition:all .3s;margin:auto;border-top:3rem}.selected-post-content{background:var(--papel-vegetal);border-radius:15px;padding-top:2rem;padding-left:1rem;padding-right:1rem}.postTitle{font-weight:500;font-size:larger;bottom:0}.project-card:hover{cursor:crosshair}.project-card h2{font-size:2rem;margin-top:0;border-bottom:8px solid var(--highlight-extra);display:inline-block}.project-card{overflow:auto;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.post-date{font-size:.9rem;color:var(--highlight-extra);margin-bottom:1rem;text-align:right;padding-right:1rem}.container{margin:0 auto;padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.project-card-gallery{border-radius:0!important;overflow:visible!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;min-height:auto!important;position:relative;display:block;box-sizing:border-box;background-color:var(--papel-vegetal)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem;margin:0;width:100%;max-width:100%;box-sizing:border-box;position:relative}.gallery-filters button:hover{background:var(--papel-vegetal);color:var(--tired-blue);transform:translateY(-2px)}.gallery-filters button.active{background:var(--papel-vegetal);color:var(--tired-blue);border-color:var(--tired-blue)}.gallery-item{position:relative;aspect-ratio:1 / 1;overflow:hidden;padding:.5rem;cursor:pointer;border-radius:16px;background-color:#f5f5f5;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;transform:scale(1.15)}.gallery-item:hover img{transform:scale(1.15)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.5),transparent);color:#fff;padding:1rem .75rem .75rem;font-size:.85rem;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(0);transition:all .3s ease}.gallery-item:hover .gallery-caption{background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.7),transparent);padding-bottom:1rem}.gallery-loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--void-black);background:var(--papel-vegetal);border-radius:25px;margin:2rem auto;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-images{text-align:center;padding:3rem 0;color:var(--void-black);background:var(--papel-vegetal);border-radius:12px;grid-column:1 / -1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile_only{display:none}@media(max-width:768px){.desktop_only{display:none}h3{color:var(--tired-blue)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0}.gallery-filters{gap:.5rem}.gallery-filters button{padding:.5rem 1rem;min-width:80px;font-size:.8rem}.project-card-gallery{margin:0!important;padding:0!important}}@media(max-width:480px){.gallery-filters{flex-wrap:wrap;justify-content:center}.gallery-filters button{padding:.4rem .8rem;width:100%;font-size:.7rem}.gallery-caption{font-size:.7rem;padding:.5rem .4rem .4rem}}.gallery-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-modal .modal-content{max-width:90vw;max-height:90vh;width:auto;background:#1a1a1a;border-radius:20px;overflow:hidden;position:relative;cursor:default}.gallery-modal .modal-content img{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.gallery-modal .modal-info{padding:1rem 1.5rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff}.gallery-modal .modal-info h4{margin:0 0 .5rem;font-size:1.2rem}.gallery-modal .modal-info p{margin:0;font-size:.9rem;line-height:1.4;opacity:.9}.gallery-modal .close-btn{position:absolute;top:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.gallery-modal .close-btn:hover{background:#fff3;transform:scale(1.1)}@media(max-width:768px){.languageToggle,.moon,.astro_quote,.planet-shade,.nav,.project-card-gallery,.project-card-wide,.project-card,.project-single-card,.project-grid{scale:none}.project-card-gallery{overflow:scroll;width:100%;max-width:100%}}.quote{position:relative;display:inline-block;white-space:nowrap;letter-spacing:0px;color:#fff;text-shadow:white 1px 3px 20px;font-family:Quicksand;font-style:normal;font-weight:300;font-size:medium;font-size:4vw;display:block;line-height:80px;width:100%;z-index:100;animation-delay:3s;margin-top:15vh;margin-left:22vw}.learn{display:block;white-space:nowrap;line-height:15vh}.author{font-size:clamp(1.5rem,2vw,2rem);display:block;font-size:medium;white-space:nowrap;line-height:5vh;z-index:100}.is-initial-load{opacity:0;animation:appear 2s forwards;animation-delay:1s}@keyframes appear{0%{opacity:0}to{opacity:1}}form{display:flex;flex-direction:column;max-width:80%;width:100%;gap:1.5rem;margin:2rem 0;margin:auto}label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--old-paper)}input[type=text],input[type=email],textarea{width:100%;padding:1rem;border:none;background-color:#fff;border-radius:15px;font-family:Space Grotesk,monospace;font-size:1rem;color:var(--void-black);box-sizing:border-box;transition:all .2s ease}input:hover,textarea:hover{outline:none;background-color:var(--old-paper);color:"white"}textarea{min-height:150px;resize:vertical}button{cursor:crosshair;background-color:var(--tired-blue);height:3rem;border-radius:15px;color:var(--old-paper);border:none;font-family:Space Grotesk,monospace;font-weight:900;text-transform:uppercase;letter-spacing:.2em;transition:transform .1s,box-shadow .1s;position:relative}button:hover{background-color:var(--highlight-extra);color:var(--void-black)}button:active{transform:translate(0);box-shadow:none}.back-button{background:var(--tired-transparent);margin:auto;margin-bottom:2rem;display:block;padding:0 3rem}::placeholder{color:#999;font-style:italic;opacity:.7}a{color:var(--void-black);font-size:medium;text-decoration:none;text-transform:lowercase;position:relative}img{max-width:100%;max-height:100%;height:auto;display:block}.project-card,.project-card-gallery,.project-single-card{background-color:var(--papel-vegetal);overflow-y:scroll}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content img{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;background:#0a0a0a}.modal-info{padding:1.5rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;border-top:1px solid rgba(255,255,255,.1)}.modal-info h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#fff}.modal-info p{margin:0 0 .5rem;font-size:1rem;line-height:1.5;color:#e0e0e0}.modal-info small{display:inline-block;margin-top:.5rem;font-size:.8rem;opacity:.7;color:#ccc}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.edit-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal-close:hover{color:#111827}.modal-body{padding:1.5rem}.edit-preview{text-align:center;margin-bottom:1.5rem}.edit-preview img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.close-btn{position:absolute;top:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn:hover{background:#fff3;transform:scale(1.1)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;width:45px;height:45px;border-radius:50%;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:1rem}.modal-nav.next{right:1rem}@media(max-width:768px){.modal-content{max-width:95vw;max-height:95vh}.modal-content img{max-height:60vh}.modal-info{padding:1rem}.modal-info h4{font-size:1.2rem}.modal-info p{font-size:.9rem}.close-btn{width:35px;height:35px;font-size:1.2rem;top:.5rem;right:.5rem}.modal-nav{width:35px;height:35px;font-size:1.2rem}}@media(max-width:768px){#root,.App{overflow-x:hidden;overflow-y:hidden;width:auto;height:100dvh;padding:0rem;font-size:larger}p{font-size:large}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--tired-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:80px;box-shadow:0 2px 10px #0003;gap:10px}.mobile-quote{flex:1;text-align:center;overflow:hidden}.mobile-quote .learn{font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:white 1px 3px 20px;font-weight:300;letter-spacing:.5px}.hamburger-menu{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px;z-index:1001;flex-shrink:0;justify-content:center;height:100%}.hamburger-line{width:25px;height:3px;background-color:var(--old-paper);transition:.3s;border-radius:3px;margin-left:.5rem;margin-right:.5rem}.mobile-toggle{z-index:998;display:flex;align-items:center;gap:8px;flex-shrink:0;height:100%;margin-right:1rem}.mobile-toggle .switchLan h3{font-size:12px;color:var(--old-paper);line-height:1}.mobile-toggle .switch{display:inline-flex;align-items:end;cursor:pointer}.mobile-toggle .switch input{display:none}.mobile-toggle .slider{display:inline-block;width:50px;height:28px;background-color:var(--highlight-extra);border-radius:28px;transition:all .3s ease;position:relative;cursor:pointer}.mobile-toggle .slider:before{content:"";display:block;width:22px;height:22px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.mobile-toggle .switch input:checked+.slider{background-color:#9898f8}.mobile-toggle .switch input:checked+.slider:before{transform:translate(22px)}.mobile-nav{height:100vh;position:fixed;top:0;left:-100%;width:80%;max-width:300px;background:var(--tired-blue);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999;transition:left .3s ease;padding-top:70px;overflow-y:auto}.mobile-nav.open{left:0;z-index:1000}.mobile-nav ul{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.mobile-nav li{width:100%;margin:0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav a{padding:16px 20px;font-size:16px;display:block;text-shadow:white 1px 3px 20px;font-weight:300;text-decoration:none;color:#fff;font-size:2rem}.mobile-nav a:hover{text-shadow:white 0px 0px 6px;background:#ffffff1a}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:.3s}.menu-overlay.open{opacity:1;visibility:visible}.project-card-wide{height:var(--altura);padding:20px;margin-top:1.25rem;margin-bottom:1.25rem;box-sizing:border-box;background-color:var(--papel-vegetal);color:#000;margin-left:25px;margin-right:25px}.project-card{width:100vw;box-sizing:border-box!important;display:block!important;position:relative!important;margin:auto}.blog-list-item{cursor:pointer;z-index:10;position:relative}.project-card:last-child.active{display:block!important;position:relative!important;z-index:20!important}.project-card:first-child{display:block}.project-card:last-child{display:none}.project-card:last-child.active{display:block!important;position:fixed;inset:0;z-index:1000;background:#fff;overflow-y:auto;padding:20px;margin:0;border-radius:0}.project-card:first-child.hide{display:none!important}.back-to-list{background:var(--void-black);color:var(--old-paper);border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-family:Quicksand;font-weight:600;margin-bottom:20px;width:100%;text-align:center;font-size:16px;transition:all .3s ease}.back-to-list:hover{background:var(--highlight-extra);color:var(--void-black)}.blog-list-home{max-height:none;overflow-y:visible;width:100%}.blog-list-item{padding:15px;margin-bottom:12px;width:100%;box-sizing:border-box;cursor:pointer}.selected-post{animation:slideIn .3s ease;width:100%}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}nav{display:none}.languageToggle{display:none}.content{margin:3rem 0;padding:0;width:100%}@keyframes fadeOverlay{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden;display:none}}@keyframes moonFadeScale{0%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0;visibility:hidden}}@keyframes move_shade_mobile{0%{filter:brightness(0%);--light-x: 100%;--light-y: 50%;transform:translate(-50%,-50%) translate(0)}50%{filter:brightness(50%);--light-x: 50%;--light-y: 50%;transform:translate(-50%,-50%) translate(9vw)}to{filter:brightness(100%);--light-x: 0%;--light-y: 50%;transform:translate(-50%,-50%) translate(19vw);opacity:0;visibility:hidden}}}@media(max-width:480px){.mobile-quote .learn{font-size:20px}.mobile-quote .author{font-size:8px}.mobile-toggle .switchLan h3{font-size:10px}.mobile-toggle .slider{width:40px;height:22px}.mobile-toggle .slider:before{width:18px;height:18px;top:2px;left:2px}.mobile-toggle .switch input:checked+.slider:before{transform:translate(18px)}}footer{bottom:0}.simple-footer{margin-bottom:0;position:relative;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;text-align:center;font-size:.8rem;color:#fff;border-radius:0 0 12px 12px}.simple-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.credits{font-size:.7rem;color:#fff}@media(max-width:768px){.simple-footer-content{justify-content:center;text-align:center}}.project-card-gallery{overflow:visible!important;width:100%!important;max-width:100%!important}.container{padding:0!important;margin:0!important}.gallery-filters{display:flex;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}.gallery-filters button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;color:var(--void-black);border:2px solid white;border-radius:8px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:medium}.gallery-filters button:hover{background:var(--tired-blue);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.learn{line-height:10vh;font-size:small}.project-card,.project-card-blogpost,.project-card-wide,.project-single-card{padding:1rem;height:100vh;overflow:scroll;grid-template-columns:unset}.project-card-blogpost,.bloglist{background-color:#fff}}@media(max-width:480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}}.text-with-image{overflow:auto;width:90%;padding:5%}.inline-profile-photo{width:100%;height:100%;float:none;display:block;margin:0 auto 1.5rem;shape-outside:none}.text-with-image{text-align:left}.landing-page{height:90vh;width:100vw}@media(max-width:768px){.special-moon{border-radius:50%;z-index:-100;position:absolute;height:150px;width:150px;color:var(--void-black);display:inline-block;background:#ffe8e8;box-shadow:0 0 15px 10px #fff}@property --light-x{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@property --light-y{syntax: "<percentage>"; initial-value: 50%; inherits: false;}.special-planet-shade{border-radius:50%;z-index:100;position:absolute;height:150px;width:150px;color:var(--tired-blue);display:inline-block;margin-bottom:0;box-shadow:inset -5px -5px 15px #00000080;background:radial-gradient(circle at var(--light-x) var(--light-y),white 0%,var(--highlight) 30%,var(--tired-blue) 100%);animation:move_shade 3s linear forwards}.special-quote{position:absolute;align-content:center;height:100vh;width:100vw;z-index:100;animation-delay:3s;padding:3rem;color:#fff;font-size:normal}.special-learn{font-size:larger;font-weight:800}@keyframes move_shade{0%{transform:translate(0)}to{--angle: 90deg;transform:translate(18vw)}}@keyframes move_shade{0%{filter:brightness(0%);z-index:-50;--light-x: 100%;--light-y: 50%;transform:translate(0)}50%{filter:brightness(50%);z-index:-50;transform:translate(9vw);--light-x: 50%;--light-y: 50%;opacity:100%}to{filter:brightness(100%);z-index:-50;transform:translate(19vw);--light-x: 0%;--light-y: 50%;opacity:0%}}.special-astro{margin-left:10%;position:absolute;height:50vh;width:100vw;align-content:center}}