:root{--text: hsl(0, 0%, 80%);--text-hover: #ff8c2e;--text-hover-white: hsl(0, 0%, 100%);--date: #b3b3b3;--background: #489aff;--blog-background: hsl(0, 0%, 15%);--blog-background-hover: hsl(0, 0%, 20%);--header-background: #3f3c3a;--header-background-hover: #ce878793;--border: hsl(0, 0%, 30%);--border-hover: hsl(0, 0%, 45%);--border-width: 1px;--box-shadow-main: 8px 8px 10px rgba(0, 0, 0, .3);--box-shadow-media: 2px 2px 1px rgba(0, 0, 0, .6)}html{font-size:1.2em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text)}.date{font-size:.9em}body{max-width:58rem;margin:0 auto;background-image:url(/media/backgrounds/background.png);background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:400;font-style:normal}code{background-color:#24292e;color:#fff;padding:2px;border-radius:5px;border-style:solid;border-color:var(--border);border-width:2px}.astro-code.github-dark{padding:10px;border-radius:10px;border-style:solid;border-color:var(--border);border-width:2px}.astro-code.github-dark code{background-color:#24292e;color:#fff;padding:0;border-style:none}header{padding:15px;margin:20px 0% 0%;background-image:linear-gradient(hsl(0,0%,20%),var(--blog-background));border-style:solid;border-color:var(--border);border-width:var(--border-width);border-radius:20px 20px 0 0;box-shadow:var(--box-shadow-main)}header .name{display:inline-block;padding-left:20px;font-size:1.5em;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-style:normal;align-items:start}header a{display:inline-block;padding-left:30px;padding-right:0;font-size:1.2em;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:400;font-style:normal;transition:.3s}header a:hover{text-shadow:0px 0px 20px rgba(0,0,0,.5);color:var(--text-hover)}footer{padding:30px 15px;margin-bottom:20px;background-color:var(--blog-background);border-style:solid;border-color:var(--border);border-width:var(--border-width);border-radius:0 0 20px 20px;box-shadow:var(--box-shadow-main)}.footer-container{max-width:58rem;margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}footer a{transition:.3s;padding-left:10px}footer a:hover{text-shadow:0px 0px 20px rgba(0,0,0,.5);color:var(--text-hover-white)}.link-icon{width:auto;height:25px;padding:0;margin:0;transition:.3s}footer a:hover .link-icon{filter:brightness(120%)}*{box-sizing:border-box}.column{float:left;width:50%}.row:after{content:"";display:table;clear:both}a:link,a:visited{color:var(--text);text-decoration:none}a:hover{color:var(--text)}.container{max-width:58rem;margin-bottom:16px;margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}.portfolio-container{max-width:70rem;margin-bottom:16px;margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}.container .content{padding:20px;background-color:var(--blog-background);transition:.3s;font-size:1em;border-style:solid;border-color:var(--border);border-width:2px;margin:10px auto;border-radius:20px;display:flex;align-items:flex-start;gap:1rem;box-shadow:var(--box-shadow-main)}.container .content:hover{background-image:linear-gradient(hsl(0,0%,20%),var(--blog-background));color:var(--text-hover-white);border-color:var(--border-hover)}.content img{flex-shrink:0;width:250px;height:150px;object-fit:cover;border-radius:8px;border-style:solid;border-color:var(--border);border-width:2px;transition:.3s}.content:hover img{border-color:var(--border-hover)}.text-content{display:flex;flex-direction:column;justify-content:center}.home,.about{padding:30px;margin-left:auto;margin-right:auto;background-color:var(--blog-background);max-width:68rem;border-style:solid;border-color:var(--border);border-top:0px;border-bottom:0px;border-width:var(--border-width);box-shadow:var(--box-shadow-main)}.about a:link{color:var(--text);text-decoration:underline;transition:.3s}.about a:hover{color:var(--text-hover);text-shadow:0px 0px 20px rgba(0,0,0,.5)}.post{max-width:68rem;margin-left:auto;margin-right:auto}.post .blog-post,.post .portfolio-post{padding:30px;background-color:var(--blog-background);border-style:solid;border-color:var(--border);border-top:0px;border-bottom:0px;border-width:var(--border-width);box-shadow:var(--box-shadow-main)}.post a:link{color:var(--text);text-decoration:underline;transition:.3s}.post a:hover{color:var(--text-hover);text-shadow:0px 0px 20px rgba(0,0,0,.5)}.post .portfolio-post video{display:block;margin-left:auto;margin-right:auto;width:98%;border-radius:10px;border-style:solid;border-color:var(--border);border-width:2px}.post .portfolio-post video:fullscreen{border:none;border-radius:0}.post .portfolio-post img{display:block;margin-left:auto;margin-right:auto;width:98%;border-radius:10px;border-style:solid;border-color:var(--border);border-width:2px}.post .blog-post video{display:block;margin-left:auto;margin-right:auto;width:98%;border-radius:10px;border-style:solid;border-color:var(--border);border-width:2px}.post .blog-post video:fullscreen{border:none;border-radius:0}.post .blog-post img{display:block;margin-left:auto;margin-right:auto;width:98%;border-radius:10px;border-style:solid;border-color:var(--border);border-width:2px}.center{display:block;margin-left:auto;margin-right:auto}.media-caption{text-align:center}.title{margin-bottom:5px;margin-top:0}.pagination{text-align:center;margin:10px;padding:20px}.pagination .button{padding:10px 20px;background-color:var(--blog-background);transition:.3s;font-size:1em;border-style:solid;border-color:var(--border);border-width:var(--border-width);border-radius:10px;box-shadow:var(--box-shadow-main)}.pagination .button:hover{background-color:var(--blog-background-hover);color:var(--text-hover-white);border-color:var(--border-hover)}.pagination .disable{padding:10px 20px;background-color:var(--border);transition:.3s;font-size:1em;border-style:solid;border-color:var(--border);border-width:var(--border-width);border-radius:10px}@media screen and (max-width:700px){.container .content{display:grid}.content img{width:98%;height:auto;margin-left:auto;margin-right:auto}}@media screen and (max-width:679px){header a{display:grid;padding-left:30px;padding-right:0}}