html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    background: rgb(29,29,217);
    background: linear-gradient(180deg, rgba(29,29,217,1) 38%, rgba(12,169,227,1) 69%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    font-family:monospace
}

h1 {
   text-align: center;
   font-size: 5vw;
}

h2 {
    text-align: center;
    font-size: 4vw;
}

h3 {
    text-align: center;
    font-size: 3.5vw;
}

h4 {
    text-align: center;
    font-size: 3.25vw;
}

p {
    text-align: center;
    font-size: 3vw;
}

@keyframes fadin {
    from {opacity: 0;}
    to {opacity: 1;}
}

.fadin {
    animation: fadin linear;
    animation-timeline: view();
    animation-range: entry 0% entry 100%;
    animation-duration: 2s;
}

section {
    text-align: center;
    font-size: 3vw;
}

#BM121 {
    border: 1;
    height: 25%;
    width: 25%;
}

#page-title {
    text-align: center;
    color: white;
}

#website-description {
    text-align: center;
    color: rgb(0, 200, 255);
}

#ign {
    color: rgb(84, 139, 187);
}

#rblx {
    color: rgb(255, 0, 0)
}

#rblxlg {
    width: 2%;
}

#rblxm {
    color: rgb(152, 151, 151);
}

#rblxa {
    color: rgb(255, 51, 0);
}

#fps {
    color:#f55128;
}

#wtllg {
    width: 2%;
}

#likes {
    color: aqua;
}

@keyframes ff {
    0% {background-color: #ff0400}
    12.5% {background-color: #ffb300}
    25% {background-color: #f2ff00}
    37.5% {background-color: #5eff00}
    50% {background-color: #00d9ff}
    62.5% {background-color: #2c78e9}
    75% {background-color: #8018fe;}
    87.5% {background-color: #f900fe}
    100% {background-color: #ff0000;}
}

#ff {
    background-color: #ef5350;
    animation-name: ff;
    animation-duration: 8s;
    animation-iteration-count: infinite;
  -webkit-background-clip: text;
    background-clip: text;
  -webkit-text-fill-color: transparent;
}

#music {
    color: rgb(202, 43, 226);
}

#food {
    color: rgb(129, 211, 5);
}

#spicy {
    color: red;
}

#ic1 {
    color: brown;
}

#clothes {
    color: yellow;
}

#blue1 {
    color: rgb(25, 25, 146);
}

#dislikes {
    color: rgb(209, 63, 0);
}

#going-out {
    color: green;
}

#socializing {
    color: rgb(165, 96, 0);
}

#vege {
    color: rgb(2, 83, 16);
}

#wirdo {
    color: rgb(129, 5, 5)
}

#op_ {
    text-align: center;
    font-size: 1.5vw;
    margin-top: 25%;
}

#open_ {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15vw;
}