@font-face{font-family:Eurostile;src:url(fonts/EurostileLTStd.eot);src:local("Eurostile"),url(fonts/EurostileLTStd.otf) format("opentype")}*{margin:0;padding:0}body{max-width:100%;overflow-x:hidden}#wrapper{height:70vh;display:grid;place-items:center;padding-top:200px;background-color:#dce4ea41}#header{width:48ch;animation:typing 3s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:3em}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}#header-text{font-family:Pixelify Sans,sans-serif;color:#6e44ebe8}#wiz-img{width:23%;margin-left:60%}#about-nav-tracker{height:10px;background-color:#dce4ea41}#about{display:grid;grid-template-columns:2fr 2fr;gap:10px;grid-template-rows:.5fr .5fr;background-color:#dce4ea41}#about-h1{grid-column:1 / span 2;grid-row:1;padding:10px 10px 90px;font-size:1.7vw;text-align:center;margin-top:5%;margin-bottom:.05%;font-family:Montserrat,sans-serif;color:#68686b}#about-h1:after{content:"";border:4px solid;display:block;margin:30px auto 0;width:50px;color:#4512dde8}#me-img{width:60%;grid-column:1;grid-row:2;padding:20px;margin-left:15%;display:block}#about-name{font-size:1.7vw;font-weight:700;font-family:Montserrat,sans-serif;margin-top:.001%;color:#121d84e8}#about-text{grid-column:2;grid-row:2;color:#121213;font-size:1.6vw;margin-right:7%;display:block;font-family:Montserrat,sans-serif;border-radius:10px;height:85%;padding:2% 5% 7%;background-color:#fff;border-width:thin;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#proj{display:grid;gap:10px;grid-template-rows:.3fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 1.2fr;place-items:center;background-color:#dce4ea41}#proj-h{font-family:Montserrat,sans-serif;color:#68686b;padding-bottom:100px;font-size:1.7vw}#proj-h:after{content:"";border:4px solid;display:block;margin:30px auto 0;width:50px;color:#4512dde8}#proj-compiler{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-compiler-img{width:580px;grid-column:1;grid-row:1/ span 2;border-top-left-radius:15px;border-bottom-left-radius:15px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-compiler-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-compiler-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b}#comp-tech1,#comp-tech2,#comp-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#comp-tech1{margin-left:15px;width:70px}#comp-tech2{margin-left:100px}#comp-tech3{margin-left:205px;width:80px}#b1,#b2{grid-column:2;grid-row:3;margin-top:50px;width:100px;height:45px;font-family:Montserrat,sans-serif;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:10px;font-size:16px;font-weight:700;transition:.2s;display:flex;align-items:center;justify-content:center;background-color:red}#b1{margin-left:15px;background-color:#747fe0;color:#fff}#b2{color:#747fe0;background-color:#fff;margin-left:140px;grid-column:2}#b1:after{content:"»";opacity:0;top:14px;right:-20px;transition:.2s}#b1:hover{padding-right:8px;padding-left:8px}#b1:hover:after{opacity:1}#b2:after{content:"»";opacity:0;top:14px;right:-20px;transition:.2s}#b2:hover{padding-right:8px;padding-left:8px}#b2:hover:after{opacity:1}#proj-bsf{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-bsf-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:15px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-bsf-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-bsf-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:30px}#bsf-tech1,#bsf-tech2,#bsf-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#bsf-tech1{margin-left:15px;width:70px}#bsf-tech2{margin-left:100px}#bsf-tech3{margin-left:205px;width:60px}#single-button{grid-column:2;grid-row:3;margin-top:50px;width:100px;height:45px;font-family:Montserrat,sans-serif;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:10px;font-size:16px;font-weight:700;transition:.2s;display:flex;align-items:center;justify-content:center}#single-button{margin-left:15px;background-color:#747fe0;color:#fff}#single-button:after{content:"»";opacity:0;top:14px;right:-20px;transition:.2s}#single-button:hover{padding-right:8px;padding-left:8px}#single-button:hover:after{opacity:1}#proj-rails{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-rails-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-rails-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-rails-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:30px}#rails-tech1,#rails-tech2,#rails-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#rails-tech1{margin-left:15px;width:120px}#rails-tech2{margin-left:150px;width:70px}#rails-tech3{margin-left:235px;width:70px}#proj-cf{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-cf-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-cf-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-cf-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:30px}#cf-tech1,#cf-tech2,#cf-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#cf-tech1{margin-left:15px;width:55px}#cf-tech2{margin-left:85px;width:70px}#cf-tech3{margin-left:170px;width:70px}#proj-pir{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-pir-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-pir-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-pir-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:40px}#pir-tech1,#pir-tech2,#pir-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#pir-tech1{margin-left:15px;width:85px}#pir-tech2{margin-left:115px;width:70px}#pir-tech3{margin-left:200px;width:50px}#proj-db{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-db-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-db-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-db-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:35px}#db-tech1,#db-tech2{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#db-tech1{margin-left:15px;width:55px}#db-tech2{margin-left:90px;width:95px}#proj-game{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-game-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-game-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-game-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:35px}#game-tech1,#game-tech2{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#game-tech1{margin-left:15px;width:60px}#game-tech2{margin-left:90px;width:45px}#proj-ret{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr .2fr;width:80%;border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding-top:40px;padding-bottom:40px;background-color:#fff}#proj-ret-img{width:560px;grid-column:1;grid-row:1/ span 2;padding-right:10px;padding-left:25px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#proj-ret-h{font-size:26px;padding-top:30px;font-family:Montserrat,sans-serif;grid-column:2;grid-row:1;margin-left:15px;color:#747fe0}#proj-ret-p{font-family:Montserrat,sans-serif;font-size:20px;grid-column:2;grid-row:1;margin-right:15px;margin-left:15px;padding:85px 5px 5px;color:#68686b;line-height:40px}#ret-tech1,#ret-tech2,#ret-tech3{grid-column:2;grid-row:2;margin-top:45px;width:90px;height:25px;font-family:Montserrat,sans-serif;background-color:#fff;border-radius:8px;border-style:solid;border-color:#92eac0;border-width:3px;font-size:16px;text-align:center;padding-top:5px}#ret-tech1{margin-left:15px;width:65px}#ret-tech2{margin-left:95px;width:60px}#ret-tech3{margin-left:170px;width:45px}#projects-nav-tracker{height:85px;background-color:#dce4ea41}#contact{grid-template-columns:.2fr .2fr .2fr;gap:10px;display:grid;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;background-color:#d8e3fce8}#contact-h1{grid-column:2;grid-row:1;padding:10px;margin-top:15px;font-size:1.4vw;text-align:center;font-family:Montserrat,sans-serif;color:#121d84e8;border:1px solid #555;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;background-color:#fff;border-radius:20px;margin-bottom:20px}#contact img{width:100%;height:100%;transition:.2s all ease-in-out}#git-img{grid-column:1;grid-row:2;height:100px;width:100px;margin-left:auto;margin-right:.01%;margin-bottom:10%}#git-img:hover img{transform:scale(1.09)}#linked-img{grid-column:2;grid-row:2;height:108px;width:108px;margin-left:auto;margin-right:auto;margin-bottom:10%}#linked-img:hover img{transform:scale(1.09)}#mail-img{grid-column:3;grid-row:2;height:100px;width:100px;margin-left:.01%;margin-right:auto;margin-bottom:10%}#mail-img:hover img{transform:scale(1.09)}li{cursor:pointer}li:hover{text-decoration:underline}@media screen and (max-width: 1200px){#header{font-size:70%;width:51ch}#wrapper{padding-top:45%;height:30vh;padding-bottom:50%}#wiz-img{width:300px;margin-left:auto;margin-top:20px}#about-nav-tracker{height:80px}#about-h1{font-size:25px}#about{gap:10px;grid-template-rows:1fr 5.2fr;grid-template-columns:2fr;padding:1px}#about-name{font-size:25px}#about-text{font-size:23px;margin-left:.5%;margin-right:3%;grid-column:2;grid-row:2}#me-img{grid-column:1 / span 2;grid-row:3;width:80%;margin-left:5%}#about-text{grid-column:2;grid-row:2}#proj-h{font-size:25px}#proj-compiler,#proj-bsf,#proj-rails,#proj-cf,#proj-pir,#proj-db,#proj-game,#proj-ret{width:90%}#proj-compiler-p,#proj-bsf-p,#proj-rails-p,#proj-cf-p,#proj-pir-p,#proj-db-p,#proj-game-p,#proj-ret-p,#proj-compiler-h,#proj-bsf-h,#proj-rails-h,#proj-cf-h,#proj-pir-h,#proj-db-h,#proj-game-h,#proj-ret-h{grid-column:1/ span 2}#proj-compiler-img,#proj-bsf-img,#proj-rails-img,#proj-cf-img,#proj-pir-img,#proj-db-img,#proj-game-img,#proj-ret-img{opacity:0;width:0%}#comp-tech1,#comp-tech2,#comp-tech3,#bsf-tech1,#bsf-tech2,#bsf-tech3,#rails-tech1,#rails-tech2,#rails-tech3,#cf-tech1,#cf-tech2,#cf-tech3,#pir-tech1,#pir-tech2,#pir-tech3,#db-tech1,#db-tech2,#game-tech1,#game-tech2,#ret-tech1,#ret-tech2,#ret-tech3{grid-column:1/ span 2}#b1,#b2,#single-button{grid-column:1;margin-left:15px}#b1{margin-top:30px}#b2{margin-top:100px}#contact-h1{font-size:20px;grid-column:1 / span 3}#git-img{width:80px;height:80px}#linked-img{width:88px;height:88px}#mail-img{width:80px;height:80px}}nav{display:flex;align-items:center;position:-webkit-sticky;position:sticky;min-height:70px;background-color:#fff;box-shadow:0 .125rem .25rem #0000001c;top:0;left:0;width:96%;font-family:Roboto,sans-serif;z-index:1}a:link,a:visited,a:hover,a:active{text-decoration:none}.nav__container__actions{display:inline-flex;flex-flow:row nowrap;padding-left:50px;flex:1}ul{display:flex;gap:1rem;font-size:1.2rem;list-style:none;padding:0}@media screen and (max-width: 500px){ul{font-size:85%}.nav__container__actions{padding-left:15px}}