style.css

body {   
    
	background: -moz-linear-gradient(-45deg, rgba(197,222,234,0.5) 0%, rgba(138,187,215,0.5) 31%, rgba(6,109,171,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(197,222,234,0.5) 0%,rgba(138,187,215,0.5) 31%,rgba(6,109,171,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(197,222,234,0.5) 0%,rgba(138,187,215,0.5) 31%,rgba(6,109,171,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c5deea', endColorstr='#80066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 100%;
	margin: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.btn{
	color:black;
}

#deletecell .btn{
	color:white;
}

body {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

 /* The animation code */
@keyframes slide-in-left {
	  0%   {  
	  	-ms-transform: translate(-1000px, 0px); /* IE 9 */
	  -webkit-transform: translate(-1000px, 0px); /* Safari */
	  transform: translate(-1000px, 0px);
	}

	  100% {  
	  	-ms-transform: translate(0px, 0px); /* IE 9 */
	  -webkit-transform: translate(0px, 0px); /* Safari */
	  transform: translate(0px, 0px);
	}
}

 /* The animation code */
@keyframes slide-in-right {
	  0%   {  
	  	-ms-transform: translate(1000px, 0px); /* IE 9 */
	  -webkit-transform: translate(1000px, 0px); /* Safari */
	  transform: translate(1000px, 0px);
	}

	  100% {  
	  	-ms-transform: translate(0px, 0px); /* IE 9 */
	  -webkit-transform: translate(0px, 0px); /* Safari */
	  transform: translate(0px, 0px);
	}
}

/* The element to apply the animation to */
#currentlist_wrapper {
  position: relative;
  animation-name: slide-in-left;
  animation-duration: 1s;
} 

/* The element to apply the animation to */
#additem_wrapper {
  position: relative;
  animation-name: slide-in-right;
  animation-duration: 1s;
} 


.fly-in-text {
    list-style: none;
}

.fly-in-text li {
    display: inline-block;
    margin-right: 0px;
    font-family: Open Sans, Arial;
    font-weight: 200;
    font-size: 3em;
    color: black;
    opacity: 1;
    transition: all 1s ease;
}
.fly-in-text li:last-child {
    margin-right: 0;
}
.fly-in-text.hiddenul li {
    opacity: 0;
}
.fly-in-text.hiddenul li:nth-child(1) { transform: translateX(-20px) translateY(-20px); }
.fly-in-text.hiddenul li:nth-child(2) { transform: translateX(20px) translateY(10px); }
.fly-in-text.hiddenul li:nth-child(3) { transform: translateX(-15px) translateY(-80px); }
.fly-in-text.hiddenul li:nth-child(4) { transform: translateX(10px) translateY(-20px); }
.fly-in-text.hiddenul li:nth-child(5) { transform: translateX(-30px) translateY(20px); }
.fly-in-text.hiddenul li:nth-child(6) { transform: translateX(20px) translateY(-20px); }
.fly-in-text.hiddenul li:nth-child(7) { transform: translateX(-30px) translateY(20px); }
.fly-in-text.hiddenul li:nth-child(8) { transform: translateX(-50px) translateY(-12px); }
.fly-in-text.hiddenul li:nth-child(9) { transform: translateX(53px) translateY(80px); }
.fly-in-text.hiddenul li:nth-child(10) { transform: translateX(-12px) translateY(-30px); }

@keyframes unblur {
	  0%   {  
	-webkit-filter: blur(4px);
	filter: blur(4px);
	}

	  100% {  
	-webkit-filter: blur(0px);
	filter: blur(0px);
	}
}

.subheader{
  animation-name: unblur;
  animation-duration: 2s;
}

#current_list{
	max-height:600px;
	overflow-y: auto;
}

.scroll-width-thin {
  scrollbar-width: thin;
}