* {
    box-sizing: border-box;
}

body,html {
    margin: 0;
    padding: 0;
}

p {
    font-family: Arial, Helvetica, sans-serif;
}

.main {
    text-align: center;
    margin-top: 75px;
}

body {
    height: 100vh;
}

body.background-0 {
    background: rgb(0,212,255);
    background: linear-gradient(130deg, rgba(0,212,255,1) 0%, rgba(9,9,121,1) 70%, rgba(2,0,36,1) 100%) no-repeat; 
}

body.background-1 {
    background: rgb(136,215,90);
    background: linear-gradient(130deg, rgba(136,215,90,1) 0%, rgba(7,196,118,1) 50%, rgba(20,56,93,1) 100%) no-repeat; 
}

body.background-2 {
    background: rgb(247,217,63);
    background: linear-gradient(130deg, rgba(247,217,63,1) 0%, rgba(196,137,7,1) 60%, rgba(193,130,67,1) 100%) no-repeat; 
}

body.background-3 {
    background: rgb(247,63,209);
    background: linear-gradient(130deg, rgba(247,63,209,1) 0%, rgba(48,7,196,1) 70%, rgba(45,37,115,1) 100%) no-repeat; 
}

body.background-4 {
    background: rgb(255,208,32);
    background: linear-gradient(130deg, rgba(255,208,32,1) 0%, rgba(37,214,179,1) 60%, rgba(191,42,231,1) 100%) no-repeat; 
}

body.background-5 {
    background: rgb(39,203,75);
    background: linear-gradient(130deg, rgba(39,203,75,1) 0%, rgba(70,8,124,1) 50%, rgba(231,42,87,1) 100%) no-repeat; 
}