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

@keyframes vibrate-1-normal {0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0);} }

.sqr-ascii {
    font-family: monospace;
    white-space: pre;
	filter: blur(1px);
	text-shadow: 
        0 0 10px #a15fa1,
        0 0 20px #a15fa1,
        0 0 30px 162, 131, 217, 0.5,
        0 0 40px 162, 131, 217, 0.5;
	position: fixed;
	font-size: 18px;
	top: 0;
	left: 0;
	transform: scale(1.2,1.1) translate(0, 3%);
	color: #ccc;
	opacity: 0.3;
	z-index: -1;
	user-select: none;
}

.bg {
	background: radial-gradient(at 59.213362068965516% 52.29166666666667%, #202040 0px, transparent 50%), radial-gradient(at 29% 13%, #202060 0px, transparent 50%), radial-gradient(at 21.282327586206897% 87.91666666666667%, #6d4e8b 0px, transparent 50%), radial-gradient(at 95% 70%, #a15fa1 0px, transparent 50%), #202040;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	min-height: 99%;
	width: 99%;
}

.grid
{
	position: absolute;
    left: 70%;
    top: 50%;
    transform: translate(-50%, -50%) scale(2);
    color: #ffffff !important;
    display: grid;
    place-items: center;
}

a {
    color: inherit;
    text-decoration: none;
}

.link
{
	user-select: none;
    font-size: inherit;
    transition: cubic-bezier(0,.5,.32,1) 1s;
}

.link:hover {
    font-size: 1.2rem;
    transition: cubic-bezier(0,.5,.32,1) 1s;
}

.main-text {
	user-select: none;
    animation: vibrate-1-normal 1s cubic-bezier(0.550, 0.055, 0.675, 0.190) 0s infinite normal none;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    
}
.sub {
	user-select: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 200 !important;
    font-size: 1rem !important;
}