@font-face{font-family:NotoSansMono;src:url(../fonts/NotoSansMono-Thin.ttf);font-weight:lighter}@font-face{font-family:NotoSansMono;src:url(../fonts/NotoSansMono-Regular.ttf)}@font-face{font-family:NotoSansMono;src:url(../fonts/NotoSansMono-SemiBold.ttf);font-weight:700}html,body{height:100%;min-height:100%;margin:0 auto}body{color:#363232;text-align:center;font-family:NotoSansMono;line-height:1.5em}a{color:rgba(231,95,4,.933)}nav{background-color:rgba(231,95,4,.933);justify-content:space-between;padding:15px 50px;display:flex}nav a{color:#363232;margin:0 10px;text-decoration:none}nav button{cursor:pointer;background:0 0;border:none;margin-top:7px;padding:0;font-family:NotoSansMono;font-size:16px}nav button:focus{outline:0}nav svg{color:#363232}main{min-height:100%}#content{min-height:calc(100vh - 120px)}header,section{padding:50px 30px}article{text-align:left}.half-block{vertical-align:middle;margin:0 24px;display:inline-block}.profile-image{background:url(../images/ramirezalex-white.png) 50%/cover no-repeat;border-radius:50%;min-width:260px;min-height:260px;display:inline-block}.profile-image:hover{filter:grayscale(65%);background:url(../images/ramirezalex-color.jpg) 50%/cover no-repeat}.dark-mode .profile-image{filter:invert()}.dark-mode .profile-image:hover{filter:invert(0)grayscale(65%)}.dark-mode #content{color:#fff;background-color:#0c1020}.dark-mode nav svg,.dark-mode nav button,.dark-mode nav a{color:#fff}picture{align-items:center;display:flex}#bio .profile-biok-image,#bio p{vertical-align:top}#bio .profile-biok-image{vertical-align:middle;background-size:cover;border-radius:50%;width:50px;height:50px;margin-right:20px;display:inline-block}#bio p{text-align:justify;width:85%;display:inline-block}.dark-mode .profile-biok-image{filter:invert()}h1{color:#4b84ee;font-size:48px;font-weight:300;line-height:3.5rem}h2{font-size:36px;font-weight:300;line-height:1rem}#info{font-size:24px;line-height:48px}#info,.blog-article{border-top:1px solid #f3d299;border-bottom:1px solid #f3d299}.blog-article img{max-width:60%;height:auto;margin:20px auto;display:block}#social-media ul{list-style:none}#social-media ul li{display:inline-block}#social-media ul li .fab{color:#4b84ee;margin:0 15px;font-size:64px}footer{color:#fff;background-color:#000;padding:20px;bottom:0}.page-blog-index{flex-wrap:wrap;justify-content:center;margin:0;padding:50px;text-decoration:none;list-style:none;display:flex}.page-blog-index li{color:#fff;border:1px solid rgba(231,95,4,.933);border-radius:10px;width:460px;height:430px;margin:20px;padding:0}.page-blog-index li a{color:#fff;text-decoration:none}.page-blog-index li h2{color:rgba(231,95,4,.933);padding:0 15px;font-size:20px;line-height:1.4em}.page-blog-index li p{text-align:left;padding:0 15px;font-size:1em;line-height:1.4em}.page-blog-index li img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;max-width:100%}.page-blog section{padding:20px 30px}.page-blog .blog-headings{padding-top:40px}.page-blog nav{padding:10px 0}.page-blog nav ul{flex-wrap:wrap;justify-content:space-between;margin-right:1.45rem;padding:0 30px;list-style:none;display:flex}.page-blog nav a{color:#000}.dark-mode .page-blog nav a{color:#fff}@media screen and (max-width:480px){.main-menu{margin-top:5px}h2{line-height:1.4em}#social-media ul li .fab{font-size:32px}}.hh1{color:#ff79c6}.hh2{color:#bd93f9}.hh3,.hh4{color:#50fa7b}.hh5{color:#ff79c6}.hh6{color:#f1fa8c}.hh7{color:#bd93f9}.hh8,.hh9,.hh10{color:#f8f8f2}.hh11,.hh12{color:#f1fa8c}.hh13{color:#f8f8f2}.hh14,.hh15{color:#8be9fd}.hh16{color:#50fa7b}.hh17,.hh18{color:#ffb86c}.hh19{color:#6272a4}.hh20{color:#ffb86c}.hh21{color:#f55}