@charset "UTF-8";
/* CSS Document */

/* Global */
body {
    font-family: Georgia, serif;
    background-color: #1F1515;
    margin: 0;
    padding: 0;
}

:root {
    --gx: 50%;
    --gy: 50%;
}

h1,
p {
    color: #A1D6EE;
}

a {
    color: #A1D6EE;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
}

/* Enable gradient ONLY on devices with fine pointers */
@media (pointer: fine) {
    h1, p, a {
        color: transparent;

        background-image: radial-gradient(
            circle at var(--gx) var(--gy),
            #A1D6EE 0%,
            #6BAED6 35%,
            #2B6C8A 70%
        );

        background-size: 120vw 120vh;
        background-attachment: fixed;
        background-repeat: no-repeat;

        background-clip: text;
        -webkit-background-clip: text;
    }
	
    a {
        text-decoration-color: #6BAED6;
    }
	
}


h1 {
    font-size: 1em;
    line-height: 1.2em;
    margin: 30px 0 30px 30px;
	font-weight: normal;
}

p {
    font-size: 1em;
    line-height: 1.43em;
    margin: 0 30px 20px 30px;
}

.intro-text {
	max-width: 575px;
	margin-bottom: 60px;
}

.spacer {
	height: 120px;
	width: 100%;
}

.columns {
    display: flex;
    align-items: flex-start;
	transition: flex-direction 0.3s ease, margin-left 0.3s ease;
}

.column {
    flex: 1;
	max-width: 575px;
	transition: width 0.3s ease, margin-bottom 0.3s ease;
}

.contact {
	padding: 50px 0	50px 0;
}


@media (max-width: 900px) {
	
    .columns {
        flex-direction: column;
		transition: flex-direction 0.3s ease, margin-left 0.3s ease;
        gap: 10px;
    }
	
}

@media (max-width: 480px) {
   
}