help meee!! x( how do i make my whole profile/account float??1/1/

h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%}
width:0ch;
}
100%{
width:27ch;
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top{
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top{
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float{
0%{
transform: translate(0, 0px);
}
50%{
transform: translate(0, 8px);
}
100%{
transform: translate(0, -0px);
}