/* *{border: 1px solid red;} */
html {
    font-family: monospace;
    font-size: 120%;
    text-transform: lowercase;
    height: 150vh;
    display: flex;
    justify-content: center; /* horizontal zentrieren */
    /* https://grabient.com/HQFgTArANMYBxhgBjARigWiaCTPZFQE4YB2JEfYCIkrUAZkvpCalWADZurJF7uDGKnAwIcPB1TSqKCEA?style=angularSwatches&steps=13&angle=90 */
    font-weight: bold;
    
}
header {
    text-align: center;
}
h1 {
    font-size: 280%;
    margin: 0;
    padding: 0;
}
h2 {
    padding: 0;
    margin: 0px 0px 20px 0px;
}
body {
    background: conic-gradient(from 90deg, rgba(187, 119, 2, 1.000) 0.000deg, rgba(187, 119, 2, 1.000) 27.692deg, rgba(202, 134, 27, 1.000) 27.692deg, rgba(202, 134, 27, 1.000) 55.385deg, rgba(210, 147, 54, 1.000) 55.385deg, rgba(210, 147, 54, 1.000) 83.077deg, rgba(210, 158, 79, 1.000) 83.077deg, rgba(210, 158, 79, 1.000) 110.769deg, rgba(203, 165, 102, 1.000) 110.769deg, rgba(203, 165, 102, 1.000) 138.462deg, rgba(188, 169, 121, 1.000) 138.462deg, rgba(188, 169, 121, 1.000) 166.154deg, rgba(168, 170, 136, 1.000) 166.154deg, rgba(168, 170, 136, 1.000) 193.846deg, rgba(146, 166, 144, 1.000) 193.846deg, rgba(146, 166, 144, 1.000) 221.538deg, rgba(123, 159, 146, 1.000) 221.538deg, rgba(123, 159, 146, 1.000) 249.231deg, rgba(103, 148, 141, 1.000) 249.231deg, rgba(103, 148, 141, 1.000) 276.923deg, rgba(88, 135, 130, 1.000) 276.923deg, rgba(88, 135, 130, 1.000) 304.615deg, rgba(79, 120, 113, 1.000) 304.615deg, rgba(79, 120, 113, 1.000) 332.308deg, rgba(79, 105, 92, 1.000) 332.308deg 360.000deg);
    width: 350px;
}
.linktree {
    margin: auto;
    text-align: center;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    display: block;
    color: black;
    text-decoration: none;
    margin: 5px;
    padding: 10px;
    border: 1px solid black;
    border-radius: 5px;
    backdrop-filter: blur(20px);
}
a:hover {
    transition: .2s;
    backdrop-filter: grayscale(50%) blur(5px);
}
img {
    filter: grayscale(100%);
    border-radius: 50%;
    transition: .5s;
}
img:hover {
    filter: none;
    transition: .5s;
}

textarea {
  width: 100%;
  box-sizing: border-box; /* sorgt dafür, dass Padding und Border in der Breite enthalten sind */
  resize: none; /* deaktiviert die Möglichkeit, die Größe zu ändern */
}

.info_text {
    font-size: 80%;
    margin: 10px;
}