diff --git a/css/base.css b/css/base.css index bd4db14..d3886d5 100644 --- a/css/base.css +++ b/css/base.css @@ -24,18 +24,16 @@ a { } main { - /* background-color: #413f43;*/ - background: #058C9E; - background: radial-gradient(at left top, #058C9E, #BC5180); - /* background-repeat: no-repeat; - background-size: cover; */ + background-color: #413f43; + background-image: url(../assets/background.jpg); + background-repeat: no-repeat; + background-size: cover; } -main h1, main h2, main h3 { +main h1, main h2 { font-family: Banquise; color: white; - z-index: 2; } main h1 { diff --git a/css/drag.css b/css/drag.css index b3b3804..6e97cd7 100644 --- a/css/drag.css +++ b/css/drag.css @@ -17,28 +17,6 @@ main img.draggable { filter: drop-shadow(5px 3px 2px #000000b7); } -.draggable:hover { - /* Start the shake animation and make the animation last for 0.5 seconds */ - animation: shake 3s; - - /* When the animation is finished, start again */ - animation-iteration-count: infinite; -} - -@keyframes shake { - 0% { transform: translate(1px, 1px) rotate(0deg); } - 10% { transform: translate(-1px, -2px) rotate(-1deg); } - 20% { transform: translate(-2px, 0px) rotate(1deg); } - 30% { transform: translate(2px, 2px) rotate(0deg); } - 40% { transform: translate(1px, -1px) rotate(1deg); } - 50% { transform: translate(-1px, 2px) rotate(-1deg); } - 60% { transform: translate(-3px, 1px) rotate(0deg); } - 70% { transform: translate(2px, 1px) rotate(-1deg); } - 80% { transform: translate(-1px, -1px) rotate(1deg); } - 90% { transform: translate(1px, 2px) rotate(0deg); } - 100% { transform: translate(1px, -2px) rotate(-1deg); } -} - span.draggable { display: inline-block; /* text-shadow: 1px 1px black, 0px 1px black, -1px 0px black, -1px -1px black; */