body {
    background-image: url('/images/blue_tile.jpeg');
    animation:rwdcur199851 1.1666666666667s linear infinite forwards;
}

h1 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 20px;
    font-family: 'Faster One';
    color: rgb(188, 55, 55);
    font-size: 50px;
}

h2 {
    margin: 10px;
    font-family: 'Fira Code';
    font-size: 20px;
    color: rgb(188, 55, 55);
}

p {
    margin: 10px;
    font-family: 'Fira Code';
    font-size: 12px;
    color: rgb(188, 55, 55);
}

hr.thick {
    border: none;
    border-radius: 1px;
    height: 0;
    margin: 5px;
    border: 0;
    border-top: 2px double rgb(212, 64, 64);
}

a {
    margin: 10px;
    font-family: 'Fira Code';
    font-size: 12px;
    color: rgb(188, 55, 55);
}

a:hover {
    color: rgb(152, 183, 212);
    background-color: rgb(212, 64, 64);
    font-style: italic;
    animation:rwdcur199841 0.16666666666667s linear infinite forwards;
}

::selection{
    color: rgb(152, 183, 212);
    background-color: rgb(212, 64, 64);
}

.container {
    background-color: rgb(251, 246, 240, 0.4);
    width: 550px;
    height: max-content;
    display: grid;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    grid-gap: 10px;
    grid-template:
        ". . . . ."
        "filler1 box1 box1 box1 box1"
        "nav box1 box1 box1 box1"
        "note box1 box1 box1 box1"
        "box2 box2 box2 box3 box3"
        "box2 box2 box2 . ."
        ". filler2 box4 box4 box4"
        ". . box4 box4 box4"
        " . . . . ."
        / 1fr 1fr 1fr 1fr 1fr;
}


filler1 { grid-area: filler1; }
filler2 { grid-area: filler2; }
note { grid-area: note; }
nav { grid-area: nav; }
box1 { grid-area: box1; }
box2 { grid-area: box2; }
box3 { grid-area: box3; }
box4 { grid-area: box4; }

.base {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 20px;
    background-color: rgb(251, 246, 240);
    border-radius: 10px;
    border-style: double;
    border-color: rgb(188, 55, 55);
    border-width: 7px;
}

.split-view {
    height: 100%;
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template:
        "box-left box-right" / 40% 60%;
}

box-left { 
    grid-area: box-left; 
    padding-top: 40%;
    padding-left: 20%;
    padding-right: 20%;
}

box-right {
    grid-area: box-right; 
    padding-top: 20%;
    padding-bottom: 20%;
    padding-right: 30%;
}

filler1 img{
    max-width: 100%;
    height: auto;
    margin: auto;
    border-radius: 10px;
}

filler1 > .base {
    border: none;
    background-color: rgb(188, 55, 55);
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 20px;
}

filler2 > .base {
    padding-top: 10px;
    padding-bottom: 10px;
}

box1 > .base {
    min-height: 100%;
    display: grid;
    grid-template-rows: 3em 2em 15px auto;
}

box2 > .base {
    min-height: 100%;
}

box3 > .base {
    min-height: 100%;
    padding-top: 20px;
    padding-left: 15px;
}

note > .base {
    padding-bottom: 0;
}

.miniblog-box{
    width: auto;
    height: 250px;
    overflow-y: scroll; 
    overflow-x: hidden;
    scrollbar-color: transparent red;
    scrollbar-width: none;
}

.miniblog h1 {
    padding-top: 15px;
    font-family: 'Fira Code';
    font-size: 20px;
    color: rgb(188, 55, 55);
}

.miniblog h2 {
    font-family: 'Fira Code';
    font-size: 10px;
    font-style: italic;
    color: rgb(188, 55, 55);
    margin: 20px;
}

.miniblog p {
    margin: 20px;
}


@keyframes rwdcur199851 {
0%,42.757142857143%,100% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACg0lEQVRYhb2XTWsTQRjH/yOKiOBBKB56KV5SSimsL7d8gwUPQhDRQxAWFJJDRPwEgifJwYIvi5CD4qEQipBv0FtoAouEXVpESFOQgIdATIKHx8M6m+m8dLK7aR9Ysjs78/x/O/M8z0wYANQHRJBsfwZ8vsmY2Oa5DvmtLpP75jFWHxCVV/Qvq0dzCM91EshlQlzI60AEO1cALuy3ukyE8FyH0kBdlBuqR/N7OQZE48LicmSJEQXAJixD6H5TAezPgHLaUdAH5SKBKvdhAPD4xzwNb18Gaqv6GRAHb+/snQpYKRUVEF1spJ4yz3XIJi5DmMxvdZmSBbqilMd0S+G3uixTLfFch2Z/xqkuW0qe+QzYTAEwBeCZA9QHRPzrxftzAeAbUnlFvTcNNEW4LfK1AFltGRAKgGlrBuL0SeO8Uipay3PyUj4XNIZqQHquQ2/9b/HDpf8Orl4/4ZDGv4G/8+eqdy+B1wEkM1BbZawxNIvPBWag8eyEyJvaA3M/xGV74S3aFv2e69Dk4JCmx32aDvtK4ZkO+zQ97tPk4JDEwmUCULZjWx2Ip7KkONve2VOCb5E9I3PR4V8ki1RKRZTv3gcABFGIJ58+nhqMmQDePXxEW4X1REQ03s4tiEI8+/rFqJMaQBQ3WRCF2CqsW8WBHIUoiELcefkcjXZTecfFF7FMAHxtgTgGTBBLB/BchzqjHjqjnrVvo91EZ9Sz5r/2VGwSf/HqPdYKm/gZfUelVDSmWaPdhNgXeGo8ri8MAABrhc3kV8x7nnZcXATjY0yWagnirwF2P7xO2m5d20AQhcnFjffhY3Kb7jyYps3kN1UdkB1d6XVvTDacX2Kb/F+Rt5l8/gPq7dC6NWeongAAAABJRU5ErkJggg==) 0 0, auto;}
42.857142857143%,57.042857142857% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACgklEQVRYhb1XTYvTQBh+RlZEBA+CeNjL4qXLsizEj1v+QcCDEET0UBYCCumhIv4CwZP04IIfRchB8bBQROg/2FvZBsJSGnYRodsFKXgo1LZ4eD3ESWcnM5uvrQ+ETN7MvM+Tmfd9Z8IAoDEkgoT9OfDpJmOizbEMarZ9JvctA9YYElWvq1/WjhciHMuIRZ6niAtlHYjC/qsATtxs+0wU4VgG5RG1Ihtqx4u2HAMiOLG4HEViJCEgjVgWobrnErA/B6p5R0EdlFkCVe7DAODx90Ua3r4E1FfVMyAO3tndO1Oga5sJIarYyD1ljmVQGrksQodm22eJLFAVpTJQLUWz7bNCtcSxDJr/nuS60lJy6TOQhoQAXQAuXUBjSMS/XmwvGyucMN6QpPayZ6TwXuDapjLNdPbMAnRbMxClTx7nrm2mluf4pXwu8EbJgHQsg940v0UPF/85uHLtlEOa/AL+LJ5rzr1YvEpAPAP1Vca8kZ58QTAHTeanSF7XH+j7ISrbmbfotOh3LIOmh0c0OxnQbDRIFJ7ZaECzkwFND49ILFw6AYntOC3qo6m0E852dvcSwZdlzyicYvyLZBLXNlG9ex8AEIR9bH/8cGYwFhLw9uEj2qqsxyQiuJ0jCPt4+uWzlie3AJFchyDsY6uynkoOlChEQdjHnRfP4HVaiXecPAsKCeBrC0QxoBNx7gIcy6DuuIfuuJfa1+u00B33UvNfeSrWkT9/+Q5rlU38CA/g2qY2zbxOC2Jf4In2uJ5ZAACsVTbju5j3PO04uSiMj9Eh1xJEXwN8ff8qtt26uoEg7McXB+/Dx5SG6jyYx6bzm6sOyI4u9/wb0w3jp2iT/xW5TefzL7F9z0LbbMNHAAAAAElFTkSuQmCC) 0 0, auto;}
57.142857142857%,85.614285714286% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACg0lEQVRYhb1XTYvTUBQ9T0ZEBBeCuJjN4KbDMAzEj13/QcCFUER0UYSAQruoiL9AcCVdOOBHEbpQXAyUQeg/mF2ZBoKUhBlE6HRACgqF2kYX10V86ev7MEnTeiAkubnvnpN3730vYQBQHxBBwmEIvL/KmGhzbIsabZfJvnnA6gOi8mX9w+rJTIRjW7HIZYo4kzeAKOy/CuDEjbbLRBGObVEWUWuyoXoyu5ZrQAQnFtOxSI0oApKIZRG6cyYBhyFQzjoK+qJMU6iyDwOA+19mbXj9HFBb18+AOHh37+CfAiuloiJEVxuZp8yxLUoil0WY0Gi7TOkC3aKUB7pUNNouW2gtcWyLwp/jTEdSS658BpKgCDAV4MoF1AdE/O3F61VjjRPGG5J0veoZyb0ZLQX1AdGPX+qhSwPvBL7p6Kpe9EnijqdX/i5oDtWCdGyLXjY+RTdn/wa4cGkuII2/A79n91XnFgDz0hynoLbOWHNoJp8RhKBxOEfyonbH7Ido2U69RSdVv2NbNDk6pulpn6bDvpKC6bBP09M+TY6O51JkEqBsx0lVH01lSQm2u3egrP1p9oyFW4y/kUxSKRVRvnkbAOAFPh68e4tKqWisgYUEvLp7j3YKmzGJCG7n8AIfjz5+MPJkFiCSm+AFPnYKm4nkQI6FyAt83Hj6GM1OS3nGydNgIQE8t0BUAyYRSxfg2BZ1Rz10R71E32anhe6ol9j/2q9iE/mTZ6+xUdjG1+AzKqWisc2anRZEX+Ch8XM9tQAA2Chsx2ex73nbcXJRGB9jQqYURG8D7L95HtuuXdyCF/jxwcF9+JjcMO18aW2muJnWATnQ+Z57ZbJlfRNt8r8it5li/gG5/AGlkcO+qgAAAABJRU5ErkJggg==) 0 0, auto;}
85.714285714286%,99.9% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACgklEQVRYhb1XTYvTQBh+RlZEBA+CeNjL4qXLsizEj1v+QcCDEET0UBYCCumhIv4CwZP04IIfRchB8bBQROg/2FvZBsJSGnYRodsFKXgo1LZ4eD3ESWcnM5uvrQ+ETN7MvM+Tmfd9Z8IAoDEkgoT9OfDpJmOizbEMarZ9JvctA9YYElWvq1/WjhciHMuIRZ6niAtlHYjC/qsATtxs+0wU4VgG5RG1Ihtqx4u2HAMiOLG4HEViJCEgjVgWobrnErA/B6p5R0EdlFkCVe7DAODx90Ua3r4E1FfVMyAO3tndO1Oga5sJIarYyD1ljmVQGrksQodm22eJLFAVpTJQLUWz7bNCtcSxDJr/nuS60lJy6TOQhoQAXQAuXUBjSMS/XmwvGyucMN6QpPayZ6TwXuDapjLNdPbMAnRbMxClTx7nrm2mluf4pXwu8EbJgHQsg940v0UPF/85uHLtlEOa/AL+LJ5rzr1YvEpAPAP1Vca8kZ58QTAHTeanSF7XH+j7ISrbmbfotOh3LIOmh0c0OxnQbDRIFJ7ZaECzkwFND49ILFw6AYntOC3qo6m0E852dvcSwZdlzyicYvyLZBLXNlG9ex8AEIR9bH/8cGYwFhLw9uEj2qqsxyQiuJ0jCPt4+uWzlie3AJFchyDsY6uynkoOlChEQdjHnRfP4HVaiXecPAsKCeBrC0QxoBNx7gIcy6DuuIfuuJfa1+u00B33UvNfeSrWkT9/+Q5rlU38CA/g2qY2zbxOC2Jf4In2uJ5ZAACsVTbju5j3PO04uSiMj9Eh1xJEXwN8ff8qtt26uoEg7McXB+/Dx5SG6jyYx6bzm6sOyI4u9/wb0w3jp2iT/xW5TefzL7F9z0LbbMNHAAAAAElFTkSuQmCC) 0 0, auto;}
}

@keyframes rwdcur199841 {
0%,99.9%,100% {cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABzklEQVRYheWXv0vDQBTHX0SH4uafoGA7FQK6dXQLOAhBxEWEDEIddOgfUXCyIBgKLuJQcBACHTqWLg6BTEl/ZAl0KUiX2BSH51BPr03i3SUpRXzQ4Xp37/vJ3bfvpQBpot5EqDcxVY404p0xYmeMK4CgxNNCSKIbcq0BVna3I+eqXRcmBztCOddEAbKOVADVrgvVrpsVC3/kWgPMtQYYN848NEVeWnKmYWhx3TCFTcuKxB7I6lSEAYiwbpgSDaEpMiaBEgZYFCbiumFKSa5o5R5YF90QBcQDGbeG64nozbVG+9e1ZbUUEonyBpnnPlJNkZElvggRFzTc0npB1FUkNSpoiozTd1/ow/uT/Nvd8H8CxDmc5fzMALKG4ALQDVMSSV5WS9xlm7sS3uovs8HG18bNrbk16L8BfPyML7VDAGD3D+4rQH8K6E/nRG6ujuPXwaxsZ/Y2pSkyTnp9DIYeBiMvVHiCkYfB0MNJr4904WIBcHfD2VGqoWS1RjtkPt6eAZDgjwl5okWRslqCs/0jAACwHBvO6/dcZhQCuDs5xWK+8C1CB/mehOXYcPH0yMzPDUCLx4Xl2FDMF7jFARIUIsuxYa9yDQ+vz6E5Ii4Snz+6PVMG0nGOAAAAAElFTkSuQmCC) 16 0, auto;}
}

/* <a href="https://www.rw-designer.com/cursor-set/pochacco" title="Get free cursors for your web.">Pochacco Cursors</a> */

/* <a href="https://www.rw-designer.com/cursor-set/pochacco" title="Get free cursors for your web.">Pochacco Cursors</a> */