/* This CSS is exclusively used for the floating animation of Elline in the main page. */
@media screen and (min-width: 1250px) {	
  .elline_pfp {
    display: block;
    float: right;
    margin-right: -60px;
    height: 500px;
    animation: elline_levitate 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
    -webkit-filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.1));
    filter: url(#drop-shadow);
  }  
}

@keyframes elline_levitate {
  from { transform: translateY(-25px); }
  to { transform: translateY(5px); }
}