/**************
|  style.css  |
**************/

@import url('https://fonts.googleapis.com/css2?family=Bungee+Tint&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
	background-color: lightskyblue;
}

body {
	font-family: "Bungee Tint", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: center;
  font-style: normal;
	font-weight: 400;
}

.container {
	width: 60%;
	height: auto;
	margin: 25px auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
}

.item {
	margin: 10px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: lemonchiffon;
	border: solid 3px rgb(201, 9, 0);
	cursor: pointer;
	display: grid;
	place-items: center;
	transition-property: transform;
  transition-duration: 1s;
  transition-delay: 0.1s;
}

.item:hover {
	transform: rotate(360deg);
}

h1 {
	font-size: 100px;
}