body {
	color: #fff;
	background: url(umbrellas-dark.png);
	background-size: cover;
}

h1,h6 {
	font-weight: 300;
	text-align: center;
	right: 0;
	left: 0;
}

h1,h2,h3,h4,h5,h6,p,button {
    font-family: Dnc57, sans-serif;
}

.shake {
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
}

.element {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: red;
}
  @keyframes shake-animation {
	 0% { transform:translate(0,0) }
	1.78571% { transform:translate(5px,0) }
	3.57143% { transform:translate(0,0) }
	5.35714% { transform:translate(5px,0) }
	7.14286% { transform:translate(0,0) }
	8.92857% { transform:translate(5px,0) }
	10.71429% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
}

.backdrop {
	  -moz-box-shadow: 0px 6px 5px #111; 
	  -webkit-box-shadow: 0px 6px 5px #111; 
	  box-shadow: 0px 2px 10px #111; 
	  -moz-border-radius:190px; 
	  -webkit-border-radius:190px; 
	  border-radius:190px;
}

.linktree {
	  width: 120px;
	  height: 120px;
	  background-image: url("kc.png");
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
}

/* This styles the aside container */
#aSide {
    height: 600px;
    width: 600px;
    position: absolute;
    top: calc(50% - 250px);
    right: 7%;
}

/* This styles the 3D object inserted in the aside container */
#aSide model-viewer {
    height: 600px;
    width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.slot.ar-button {
    display: none !important;
}