* {
	margin: 0;
	padding: 0;
    padding-top: 30px;
	box-sizing: border-box;
}

@font-face {
    font-family: "Mincho";
    src: url("Mincho-Variable-Remix.ttf") format("truetype");
}

body {
  font-family: "Mincho";
}

.tilt {
    transform:rotate(20deg);
}

.container {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	padding: 40px;
    text-align: justify;
}

.container h1 {
	font-size: 50px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.container p {
	line-height: 1.2em;
	margin-bottom: 20px;
	color: #222222;
}

.website-anim {
    font-variation-settings: "RAIN" 0;
    animation-name: boomerang;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes boomerang {
    0% {
		font-variation-settings: "RAIN" 0;
	}
	100% {
		font-variation-settings: "RAIN" 600;
	}
}

.leftright {
    font-variation-settings: "RAIN" 0;
    animation-name: leftright;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes leftright {
    from {
        transform: translateX(0);
      }
      to {
        transform: translateX(200px);
      }
}