*{box-sizing:border-box}html{font-size:16px;background-color:#000;color:#fff;font-family:Victor Mono,sans-serif}.top_bio{font-size:1.5rem;text-indent:2rem}ul.techno>li{display:grid;align-items:center;padding:.25rem;grid-template-columns:3.5rem auto}.techno{list-style-type:none}.namae{font-size:7.5rem;text-align:left;margin:1.5rem 0}.career{font-size:1.25rem;padding:.5rem;border-right:2px white solid;font-weight:700}#root{display:grid;width:70%;margin:auto;padding:.5rem}.grid{display:grid}.three_cols{grid-template-columns:auto auto auto}#head{grid-template-columns:20% 80%}.links{display:grid;grid-template-columns:auto auto auto auto auto;justify-self:right}.links a{padding:.75rem}.image{position:relative}.image_overlay{position:absolute;z-index:1;top:0;left:0;display:grid;justify-content:center;align-content:center;width:100%;margin:0;border-radius:1.25rem;transition:.5s all ease-in-out;background-color:gray;opacity:0;height:100%}.image_overlay a{display:none;height:3.5rem}#contact a{height:3.5rem;padding:0 .5rem}#contact a>img{height:80%}.image:hover>.image_overlay{opacity:.95}.image_overlay a>img{height:90%}.image:hover>.image_overlay a{display:block;padding:.5rem}p{text-indent:1rem;text-align:justify}ul{margin:0 auto;padding:0}#projects>.two_cols{grid-template-columns:60% 40%}.two_cols{grid-template-columns:50% 50%;padding:.5rem}.foot{justify-self:center}#bio>.two_cols{grid-template-columns:35% 65%;display:grid;align-items:center}.bioimg{width:100%;border-radius:1.25rem;padding:.5rem;display:block}.project{align-items:center;gap:.5rem}.projName{font-weight:700;font-size:1.75rem;text-decoration:underline;text-indent:0;text-align:left}.header_mob{width:100%;position:relative;display:none}.span_container{display:grid;width:3.5rem;justify-self:end}.span_container span{width:100%;height:.5rem;padding:.25rem;margin:.25rem 0;background-color:#fff;border-radius:1rem}#mobile_view{position:absolute;top:0;left:0;z-index:1;display:grid;margin-left:0rem;transition:.5s ease-in-out;background-color:#000000d9}#mobile_view_shut{position:absolute;top:0;left:0;z-index:1;margin-left:-50rem;transition:.75s ease-in-out}.looks_like_button{padding:.5rem;border:2px solid;border-radius:1rem;margin:1rem .5rem}#linktree{border-color:red;transition:.5s all}#linktree:hover{border-color:#fff;background-color:red}#resume{border-color:#00f;transition:.75s all}#resume:hover{border-color:#fff;background-color:#00f}a{text-decoration:none;color:#fff}a:visited{color:#fff}a:hover{text-decoration:underline;font-style:italic}h2{text-decoration:underline;margin:.75rem 0}.techs{font-weight:700;text-decoration:underline;text-indent:0}.tech{margin:.5rem 1.5rem}.typewriter{display:inline-flex;white-space:nowrap;overflow:hidden;border-right:2px solid green;animation:typewrite 5s steps(50,end) infinite,blinky .5s infinite}#face{display:grid;border-radius:1.25rem;width:90%;justify-self:center}.special_links{display:grid;grid-template-columns:20rem 15rem}.special_links a{text-align:center}.three_cols>div{padding:0 .5rem;margin-left:.5rem}@media screen and (max-width: 768px){.two_cols,#bio>.two_cols,#projects>.two_cols,#head{grid-template-columns:auto}html{font-size:14px}#root{width:100%}.career{display:block;border-right:0;font-size:1rem;font-weight:400}.special_links{grid-template-columns:10rem 10rem}.projName{margin:1rem 0;text-decoration:underline}.namae{font-size:6.25rem;text-align:center;padding:0 .5rem}.top_bio{padding:0 .5rem;text-align:start}.links{grid-template-columns:auto;font-size:2rem;width:100%;padding:1rem}#dsk_head{display:none}.header_mob{display:grid}#face{width:75%}.typewriter{width:10rem}.three_cols{grid-template-columns:auto}}