style.css

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    height: 100svh;
    width: 100svw;

    background: rgb(0, 0, 0);
    color:rgb(248 250 252);
    font-family: 'Azeret Mono',monospace;

    overflow: hidden;

    text-align: center;
}

header{
    height: 4svh;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: clamp(12px,1.1svw,2rem);
    font-style: italic;

    background: rgb(255,255,255);
    background: linear-gradient(45deg, rgba(20,153,84,0.6) 0%, rgba(228,49,43,0.6) 90%);
}
main{
    width: 100%;
    height: 86svh;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
footer{
    width: 100%;
    height: 10svh;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.heading{
    width: 100%;
    height: clamp(50px,30%,30%);

    display: inline-flex;
    justify-content: center;
    align-items: safe end;

    font-family: 'Azeret Mono',monospace;
    font-size: clamp(16px,2svw,4rem);
    font-weight: 400;
    font-style: italic;
}
.text-area{
    height: 100%;
    width: 100%;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.text{
    border-radius: 2svw;
    
    background: hsla(150, 50%, 10%,0.9);
    color: hsl(157, 100%, 50%) ;

    width: 80%;
    height: clamp(50%,60%,80%);

    display: inline-flex;
    justify-content: center;
    align-items: center;

    font-family: "Space Mono", monospace;
    font-size: clamp(1.2rem,6svw,8rem);
    font-weight: 600;
}

.author{
    height: 60%;
    width: 100%;
    display: inline-flex;

    justify-content: center;
    align-items: center;

    font-size: 2.5svh;
    font-family: "JetBrains Mono",monospace;

    color: hsl(157, 100%, 30%);
}
.icons{
    height: 40%;
    width: 100%;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 2svw;
}
.icons div{
    aspect-ratio: 1;
    height: 100%;
}
.icons div svg{
    height: 80%;
    width: 80%;

    stroke: hsl(157, 100%, 20%);
    stroke-width: 1.8;
}