@charset "UTF-8";
/* CSS Document */

		body div.bg{
			background-image: url("../img/SchreibtischOlle_Portfolio_2.jpg");
			background-size:86%;
			background-position: top center;
			background-repeat: no-repeat;
			height: 100vh;
		}
		a,
		a:active,
		a:focus{
			outline: none!important;
		}
		a.instagram{
			margin-top: 62%;
			margin-left: 37%;
			position: absolute;
			padding: 7%;
			background-image: url("../img/SchreibtischOlle_Portfolio_instagram_button.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
		}
		a.instagram:hover{
			padding: 7.5%;
			margin-top: 61.75%;
			margin-left: 36.75%;
		}
		a.etsy{
			margin-top: 62%;
			margin-left: 54%;
			position: absolute;
			padding: 7%;
			background-image: url("../img/SchreibtischOlle_Portfolio_etsy_button.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
		}
		a.etsy:hover{
			padding: 7.5%;
			margin-top: 61.75%;
			margin-left: 53.75%;
		}
		
		a.animation{
			margin-top: 13%;
			margin-left: 19%;
			position: absolute;
			padding: 21% 16%;
			background-image:url("../img/arme.jpg");
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% auto;
			transition: 1s;
			transform: rotate(0deg);
		}
		a.animation:hover{
			transition: 1s;
			transform-origin: 50% 0px;
			animation: shake 2.5s;
			animation-iteration-count: 1;
		}
		@keyframes shake {
		  0% { transform: rotate(0deg); }
		  25% { transform: rotate(-2deg); }
		  50% { transform: rotate(1deg); }
		  75% { transform: rotate(0deg); }
		}

		a.lampe{
			margin-top: -1%;
			margin-left: -75.2%;
			position: absolute;
			padding: 24% 3.66%;
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% auto;
			background-image: url("../img/lampe_aus_2.png");
		}
		a.lampe:hover{
			margin-top: -1%;
			margin-left: -126%;
			position: absolute;
			padding: 89% 57%;
			background-position: top;
			background-image: url("../img/lampe_an.png");
			z-index: 0;
		}
		
		a.cat{
			background-image: url("../img/cat._animation.gif");
			margin-top: 114%;
			margin-left: -142%;
			position: absolute;
			padding: 13% 12%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
			
		}
		a.mail{
			background-image: url("../img/brief_geschlossen.jpg");
			margin-top: 73%;
			margin-left: -79%;
			position: absolute;
			padding: 5% 4.66%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
			z-index: 1;
			mix-blend-mode:multiply;
		}
		a.mail:hover{
			background-image: url("../img/brief_offen.jpg");
			z-index: 1;
		}
		a.etsy-shop{
			background-image:url("../img/monitor_shop.gif");
			margin-top: 56%;
			margin-left: -49.5%;
			position: absolute;
			padding: 9% 19.7%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
			z-index: 1;
	
		}
		a.etsy-shop:hover{
			background-image:url("../img/monitor_shop.png");
			z-index: 0;
		}