@font-face {
    font-family: "Lugrasimo"; 
    src: url("/fonts/Lugrasimo-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "PirataOne"; 
    src: url("/fonts/PirataOne-Regular.ttf") format("truetype");
}

body{
background-image:url('https://img.itch.zone/aW1nLzIxOTcwNzA3LmpwZWc=/original/NwoAVA.jpeg');
letter-spacing:1px;
text-align:justify;
font-size:20px;
line-height:24px;
font-family: "Lugrasimo", cursive;
margin:0 auto;
border-top:10px solid #5631A1
}

p{
text-indent:26px;
}

h1{
font-family: 'Lugrasimo', serif;
margin-bottom:4px;
margin-right:100px;
text-align:right;
font-weight:normal;
letter-spacing:2px;
}

h2{
font-family: 'Lugrasimo', serif;
border-top:1px gray dotted;
margin-top:4px;
font-weight:normal;
letter-spacing:2px;
font-size:11px;
}

a{
color:#000;
text-decoration:none;  
}

a:hover{
color:#fff;
background:#5631A1; 
}

#linkboxbox a{
margin-bottom:4px;
display:block;
padding:2px;
}

#linkboxbox a:hover{
text-align:right;
}

.post{
width:800px;
padding:16px;
margin-bottom:60px;
border-radius: 20px;
background-image:url('https://images.unsplash.com/photo-1615800098746-73af8261e3df?q=80&w=688&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-size: 100% 100%;

}

#linkboxbox{
width:196px;
float:left;
position:static;
left:26px;
top:32px;
padding:16px;
background-image:url('https://images.unsplash.com/photo-1697800628777-13c65123dc2f?q=80&w=685&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-size: 100% 100%;
}

#linkbox{
padding:11px;
border:1px gray dotted;
}

#box1{
position:relative;
width:800px;
margin: auto;
top:26px;
}



#linkboxbox2 a{
margin-bottom:4px;
display:block;
padding:2px;
}

#linkboxbox2 a:hover{
text-align:right;
}

#linkboxbox2{
width:196px;
position:fixed;
right:26px;
bottom:26px;
padding:16px;
background-image:url('https://images.unsplash.com/photo-1697800628777-13c65123dc2f?q=80&w=685&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-size: 100% 100%;
}

#linkboxbox2{
padding:11px;
border:1px gray dotted;
}

#wizicon{
width:196px;
height:196px;
position:fixed;
right:26px;
top:26px;
padding:16px;
border-radius: 20px;
background-image:url('https://storage.ko-fi.com/cdn/useruploads/eb14bef2-f14d-4bb9-852a-ced705821001_4be0ba-6542-4ddc-a9d0-065f7c95bf4f.png');
background-size: 100% 100%;
}