/*
    plagiarism (noun)

        - Cambridge Dictionary:
        the process or practice of using another person's ideas or work and pretending that it is your own

        - Merriam-Webster:
        the act of using another person's words or ideas without giving credit to that person
    
        See also: https://www.plagiarism.org/article/what-is-plagiarism

    Please do NOT copy, redistribute or use any part of my work without permission, be it content or design, including texts, graphics and code.
    Copying select code to study and alter it for your own purposes is part of the learning process and thus not an issue.
    What I do not condone is the copying of entire design segments and use of my work as a template.

    Any resources used in making this site are listed and credited at the end of the site in the credits section.
    
    If you have questions, ask.
*/

h2:before,nav li:before{content:"\2660 \2009";color:#fff}#lethe,b,h2,strong{color:var(--gold)}#info,.top{text-align:right}:root{--lg-red:#b20007;--lg-gold:#906c29;--gold:#c99940;--yellow:#d9c8a5}@font-face{font-family:"Vintage Punk";src:url(vintagepunk.ttf);font-weight:400}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-thumb{background:var(--lg-red)}::-webkit-scrollbar-button{background:var(--gold)}::-webkit-scrollbar-track{background:#000}::selection{color:#000;background:var(--gold)}.heart,.top a:hover,h1:first-letter{color:var(--lg-red)}body{margin:0;background:#000}header{margin:0 auto 150px;width:100%;height:514px;background:url(bgh.jpg) top left}#headimg{margin:auto;max-width:850px;height:600px;background:url(liargame.png) top 20px left 25px no-repeat}section{margin:20px auto}footer,section{max-width:850px;color:#c6c6c6;font-family:Karla,sans-serif;font-size:18px;line-height:1.6em}.break1{margin:40px auto;height:86px;background:url(bgh.jpg)}.break2,.break3{margin:40px auto;height:43px}.break2{background:url(bgh.jpg) top 43px center}.break3{background:url(bgh.jpg) bottom 43px center}.break3:last-of-type{margin-bottom:0}footer{margin:50px auto auto;text-align:center}nav ul{margin-top:0}nav li{display:inline-block;margin-right:30px}nav li:before{font-size:25px;padding-right:5px}h1{margin:50px auto 30px;text-indent:30px;color:#fff;font-family:"Vintage Punk",serif;font-size:65px;font-weight:400}h1:first-letter{font-size:80px}h2{margin:auto auto -15px 15px;font-family:"Space Grotesk",sans-serif;font-size:21px}section>h2{margin-top:30px}h2:before{font-size:30px;padding-right:10px}em,i{color:var(--yellow)}.small{font-size:16px}#lethe,.top{font-size:30px}.def{border-bottom:2px dotted var(--lg-gold)}.left,.right{border:3px solid var(--lg-gold);padding:6px}a,summary span{background-image:linear-gradient(var(--lg-red),var(--lg-red));background-repeat:no-repeat;background-size:0 100%;border-bottom:3px solid var(--lg-red);color:#fff;text-decoration:none;transition:.4s}nav a{background-image:linear-gradient(var(--lg-gold),var(--lg-gold));border-bottom:3px solid var(--lg-gold)}a:hover,summary span:hover{background-size:100% 100%}section>blockquote{width:80%;margin:30px auto;border-left:3px solid var(--lg-red);color:var(--yellow);font-size:19px;line-height:1.5em;padding-left:30px}.left{float:left;margin:9px 18px 9px 0}.right{float:right;margin:9px 0 9px 18px}h2+.left,h2+.right{margin-top:27px}.left:hover,.right:hover,.buttons img:hover{border-color:var(--lg-red)}.profile{display:flex;margin-top:45px;width:100%;gap:45px}.profile blockquote{color:var(--yellow);font-style:italic;padding-left:18px}.profile blockquote:before{content:"\201C \2009";font-weight:800}.profile blockquote:after{content:"\2009 \201D";font-weight:800}.top a{background:0 0;border-bottom:0}.buttons{margin:15px auto}.buttons img{margin-right:9px;border:3px solid var(--lg-gold);padding:6px}ul{list-style-type:none}#date,details{margin-left:30px}summary{cursor:pointer}#signature{margin:30px}#info{margin-bottom:30px}@media only screen and (max-width:850px){#headimg{max-width:100vw;background-size:cover;background-position:top right 50%}footer,section{margin:auto 15px;max-width:100vw}}@media only screen and (max-width:850px) and (orientation:portrait){#headimg{background-position:top left 10%}.profile{flex-direction:column;gap:15px}.profile div:first-of-type{text-align:center}.profile blockquote{margin-left:6px;margin-right:6px;padding-left:0}h1{font-size:45px;text-indent:0}h1:first-letter{font-size:60px}}