@charset "UTF-8";

/* 
starfrost.net CSS, May 2026

Changelog:
April 2024          Initial version.
October 2024        Fixed minor bugs
February 2025       Added visited hover style, tweaked colours.
June 2025           Enforce a maximum width for better reading
November 2025       Change link colour
February 2026       More bigfixes
May 2026            v3.0 (Grids - CT50xx)

Copyright © 2024-2026 starfrost 
*/ 

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');

body /* stupid hack */
{
    background: linear-gradient(217deg, rgba(35,10,65,.8), rgba(255,0,0,0) 80.71%),
                linear-gradient(127deg, rgba(57,40,65,.8), rgba(0,255,0,0) 80.71%),
                linear-gradient(336deg, rgba(15,40,65,.8), rgba(0,0,255,0) 80.71%);
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    font-family: 'Arimo', 'HelveticaNeue', 'Helvetica Neue', system-ui, sans-serif
}

/* general things that can be applied to anything */
.blurred
{
    text-shadow: 2px 2px 2px #bbb;
}

.centered
{
    text-align: center;
}

.padded
{
    padding-left: 13px;
    padding-right: 13px;
}

/* main paragraph styling */
div.main-content
{
    color: #fff;
}

div.blogpost 
{
    margin: auto;
    max-width: 60%;
}


/* grid container */
div.content-block-container
{
    margin: 0;
    padding: 0;
    background-color: #a088a0;
    text-align: center;
}

/* base grid item */

div.content-block-item
{
    display: inline-block;
    padding: 6px;
    text-align: center;
    font-size: 24px;
    text-decoration: underline #330033;
}


div.content-block-item:hover
{
    background-color: #aa66aa;
}

a, a:hover, a:visited { text-decoration: none; }

a
{
    color: #d0d0ff;
}

a:visited
{
    color: #b8b8ff;
}

a:visited:hover
{
    color: #a0a0ff;
}

a:hover
{
    color: #9898ff;
}


/* MISC STUFF */

/* more sane default header sizes */ 
.header
{
    margin: 0;
    padding: 10px;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 10px;
}

h1 { font-size: 44pt; }
h2 { font-size: 36pt; }
h3 { font-size: 28pt; }
h4 { font-size: 24pt; }
h5 { font-size: 20pt; }
h6 { font-size: 16pt; }

.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }