/* buutti.css */
/* @theme buutti */

@import "default";

.columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.columns12 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
}
.columns21 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}
.columns32 {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
}
.columns23 {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 1rem;
}
.columns111 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}
.centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.tableborderless td, th {
    border: none!important;
    border-collapse: collapse;
}

section.extra {
	background-color: #5d275d;
    background-image: linear-gradient(to bottom, #401a40, #1d0c1d);
    color: white;
}
section.extra a {
    color: rgb(145, 255, 209);
}

section.exercise {
	background-color: #29366f;
    background-image: linear-gradient(to bottom, #20636a, #173742);
    color: white;
}
section.exercise a {
    color: rgb(211, 173, 255);
}