@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";html{scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}#root{margin:0;padding:0;width:100%;max-width:none;text-align:center}.app-container{width:100%}.page{min-height:100vh;height:auto;width:100%;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:stretch;margin:0}.page-inner{width:100%;max-width:1000px;box-sizing:border-box;padding:110px 24px 60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.bg1{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/assets/mtFuji-790028d7.png);background-size:cover;background-color:#242424;background-position:center;background-repeat:no-repeat;color:#fff}.bg2,.bg3,.bg4{background-size:cover;background-color:#242424;background-position:center;background-repeat:no-repeat;color:#fff}.bg1 p{color:#ddd}.bg2 p,.bg4 p,.bg2 h1{color:#fff;filter:drop-shadow(1px 1px 1px black)}.bg3 p{color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s,transform .3s,border .3s;transform:scale(1);transition:transform ease .3s}.logoToledo{filter:drop-shadow(4px 4px 8px black);height:6em;padding:1.5em;will-change:filter;transition:filter ease .3s,transform ease .3s,border ease .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa) blur(1px);transform:scale(1.1);transition:transform ease .3s}.logo.linkedin:hover,.logo.linkedIn:hover{filter:drop-shadow(0 0 2em #61dafbaa) blur(1px);transform:scale(1.1)}.logoToledo:hover{filter:drop-shadow(0 0 2em #FFDA00) blur(1px);transform:scale(1.1)}.skills-section{width:100%;display:flex;flex-direction:column;justify-content:center;gap:16px}.skills-header{white-space:nowrap;text-align:top}.img-grid{--gap: 16px;--num-cols: 4;--row-height: 300px;box-sizing:border-box;align-items:center;display:grid;grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:var(--row-height)}.img1,.img2,.img3,.img4,.img5,.img6,.img7,.img8{transform:scale(1);transition:transform ease .3s;filter:drop-shadow(2px 2px 2px black);align-self:center;justify-self:center}.img1:hover,.img2:hover,.img3:hover,.img4:hover,.img5:hover,.img6:hover,.img7:hover,.img8:hover{transform:scale(1.05);transition:transform ease .5s}.img-grid img{width:50%;height:50%;object-fit:contain}.img1 p,.img2 p,.img3 p,.img4 p,.img5 p,.img6 p,.img7 p,.img8 p,.img1-2 p,.img2-2 p,.img3-2 p,.img4-2 p,.img5-2 p,.img6-2 p,.img1-3 p,.img2-3 p,.img3-3 p{opacity:0%;transition:opacity ease .5s}.img1:hover p,.img2:hover p,.img3:hover p,.img4:hover p,.img5:hover p,.img6:hover p,.img7:hover p,.img8:hover p,.img1-2:hover p,.img2-2:hover p,.img3-2:hover p,.img4-2:hover p,.img5-2:hover p,.img6-2:hover p,.img1-3:hover p,.img2-3:hover p,.img3-3:hover p{opacity:100%}.img-grid2{--gap: 16px;--num-cols: 3;--row-height: 300px;box-sizing:border-box;align-items:center;display:grid;grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:var(--row-height)}.img1-2,.img2-2,.img3-2,.img4-2,.img5-2,.img6-2{transform:scale(1);transition:transform ease .3s;filter:drop-shadow(2px 2px 2px black);align-self:center;justify-self:center}.img1-2:hover,.img2-2:hover,.img3-2:hover,.img4-2:hover,.img5-2:hover,.img6-2:hover{transform:scale(1.05);transition:transform ease .5s}.img-grid2 img{width:50%;height:50%;object-fit:contain}.img-grid3{--gap: 16px;--num-cols: 3;--row-height: 300px;box-sizing:border-box;align-items:center;display:grid;grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:var(--row-height)}.img1-3,.img2-3,.img3-3{transform:scale(1);transition:transform ease .3s;filter:drop-shadow(2px 2px 2px black);align-self:center;justify-self:center}.img1-3:hover,.img2-3:hover,.img3-3:hover{transform:scale(1.05);transition:transform ease .5s}.img-grid3 img{width:50%;height:50%;object-fit:contain}.footer{bottom:0;align-items:center;margin:0}.picofme{border:4px solid #ffffff;transition:border .3s,filter .3s,transform .3s;width:200px;height:200px;border-radius:60%;opacity:0;animation:fadeIn ease 3s forwards,scaleDown ease 3s forwards}.About-Me:hover{transform:scale(1.1);transition-duration:.3s;transition-timing-function:ease}.About-Me-Text{opacity:0%;position:relative}.About-Me{opacity:0;animation:fadeIn ease 3s forwards,scaleDown ease 3s forwards;padding:2px}.reveal-text{font-weight:500;font-size:50px;margin:0;opacity:0;animation:fadeIn ease 3s forwards,scaleDown ease 3s forwards}.my-status{opacity:0;animation:fadeIn ease 3s forwards,scaleDown ease 3s forwards}.logoToledo:hover+.About-Me-Text{animation:fadeIn .5s ease forwards;transform:scale(1.01);transition:transform 1s ease}.about-section{opacity:0;animation:fadeIn ease 3s forwards,scaleDown ease 3s forwards}.main-Nav{position:fixed;top:20px;left:20px;z-index:9999;display:flex;flex-direction:column;padding:1em;gap:10px;color:#fff;background:#222;border-radius:6px;text-align:center;opacity:0;animation:fadeIn ease 3s forwards}.main-Nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:6px}.main-Nav a:hover{background:#444}.reach-out{color:#888}.appear{animation:appear both;animation-timeline:view()}.grid:nth-child(1){animation-range:entry 20% cover 35%}.grid:nth-child(2){animation-range:entry 20% cover 35%}.grid:nth-child(3){animation-range:entry 20% cover 35%}.card{display:grid;justify-content:center;text-align:center;place-items:center;box-shadow:0 4px 8px #0003;transition:.3s ease;border-radius:5px;box-sizing:border-box;height:100%;width:100%}.card p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.all-cards{--num-cols: 5;--row-height: 500px;gap:2em;box-sizing:border-box;place-items:center;display:grid;grid-template-columns:repeat(var(--num-cols),1fr);grid-auto-rows:auto;animation:zeroToHero both;animation-timeline:view();animation-range:entry 30% cover 50%}.card img{width:300px;height:300px}.card:hover{box-shadow:0 8px 16px #0003}.notification{animation:translateDown both;animation-timeline:view();animation-range:entry 10% cover 30%;display:flex;flex-direction:column;isolation:isolate;position:relative;width:50rem;height:8rem;background:#242424;border-radius:1rem;overflow:hidden;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;--gradient: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff);--color: #32a6ff }.notification:before{position:absolute;content:"";top:.0625rem;right:.0625rem;bottom:.0625rem;left:.0625rem;border-radius:.9375rem;background:#201f1f;z-index:2}.notification:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.notification:hover:after{transform:translate(.15rem)}.notititle{color:#fff;text-align:left;padding:.65rem .25rem .4rem 1.25rem;font-weight:500;font-size:1.1rem;transition:transform .3s ease;z-index:5}.notification:hover .notititle{transform:translate(.15rem)}.notibody{color:#99999d;text-align:left;padding:0 1.25rem;transition:transform .3s ease;z-index:5}.notification:hover .notibody{transform:translate(.25rem)}.Emerson,.notiborderglow{position:absolute;width:20rem;height:20rem;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side at center,white,transparent);opacity:0;transition:opacity .3s ease}.Emerson{z-index:3}.notiborderglow{z-index:1}.notification:hover .Emerson,.notification:hover .notiborderglow{opacity:.1}.note{color:var(--color);position:fixed;top:80%;left:50%;transform:translate(-50%);text-align:center;font-size:.9rem;width:75%}.jobs{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.social-links{display:flex;flex-direction:column;gap:2em}@keyframes fadeIn{to{opacity:1}}@keyframes scaleDown{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes appear{0%{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeMove{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes zeroToHero{0%{opacity:0}to{opacity:1}}@keyframes translateDown{0%{opacity:0;transform:translate(50px);filter:blur(5px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#fdfdfd;text-decoration:inherit}a:hover{color:#000}html,body{height:100%;margin:0;padding:0}body{min-width:320px;min-height:100vh}h1{top:0;text-align:center;letter-spacing:2px}.theme-checkbox{display:flex;left:10px;position:absolute;top:10px}.current-time{top:0;padding:.5em;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.menu-item,.menu-open-button{display:grid;place-items:center;width:70px;height:70px;border-radius:100%;position:absolute;color:#fff;transition:transform ease-out .2s}.menu-open{display:none}.internal-text{margin:0 auto;display:block;position:absolute;font-size:small;font-weight:200;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:transform .2s;line-height:1.5;font-weight:400}.menu-open:checked+.menu-open-button .line-1{transform:translateZ(0) rotate(45deg)}.menu-open:checked+.menu-open-button .line-2{transform:translateZ(0) scaleX(0)}.menu-open:checked+.menu-open-button .line-3{transform:translateZ(0) rotate(-45deg)}.menu{position:relative;display:grid;place-items:center;margin:0 auto;width:260px;height:260px;font-size:26px;text-align:center;padding:2em}.menu-item{transition-duration:.2s}.menu-open-button{background-color:initial;background-image:linear-gradient(#242424,#1f1d1d);z-index:2;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.3s;transform:scale(1.1) translateZ(0);cursor:pointer}.menu-open-button:hover{transform:scale(1.2) translateZ(0)}.menu-open:checked+.menu-open-button{transition-timing-function:linear;transition-duration:.2s;transform:scale(1) translateZ(0)}.menu-open:checked~.menu-item{transition-duration:.4s;transition-timing-function:cubic-bezier(.2,1,.2,1.2)}.menu-open:checked~.menu-item:nth-child(3){transform:translate3d(.08361px,-104.99997px,0)}.menu-open:checked~.menu-item:nth-child(4){transition-delay:.08s;transform:translate3d(90.9466px,-52.47586px,0)}.menu-open:checked~.menu-item:nth-child(5){transition-delay:.16s;transform:translate3d(90.9466px,52.47586px,0)}.menu-open:checked~.menu-item:nth-child(6){transition-delay:.24s;transform:translate3d(.08361px,104.99997px,0)}.menu-open:checked~.menu-item:nth-child(7){transition-delay:.32s;transform:translate3d(-90.86291px,52.62064px,0)}.menu-open:checked~.menu-item:nth-child(8){transition-delay:.4s;transform:translate3d(-91.03006px,-52.33095px,0)}.menu-open:checked~.menu-item:nth-child(9){transition-delay:.48s;transform:translate3d(-.25084px,-104.9997px,0)}.menu-open-button{box-shadow:3px 3px 10px #00000080;text-shadow:1px 1px 0 rgba(0,0,0,.12)}.skills-header{position:relative;display:grid;padding:2em}html,body{scroll-behavior:smooth}