@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: quicksand: sans-serif;
}

.hero-image {
    background-image: url(img/hero-image.jpg);
    background-color: #954222;
    position: absolute;
    width: 1500px;
    height: 537px;
}

.basket {
    background-color: black;
    width: 733px;
    height: 371px;
    position: absolute;
    top: 612px;
    left: 9px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


h1 {
    color: #735C60;
    font-family: quicksand;
    font-size: 45px;
}

h2 {
    color: white;
    font-family: quicksand;
    font-size: 20px;
    font-weight: lighter;
    margin-top: -32px;
}

p {
    color: white;
    font-family: quicksand;
    font-size: 16;
    font-weight: lighter;
    margin-top: 30px;
    margin-bottom: 0;
}


.basketbal-white {
    background-color: #954222;
    width: 371px;
    height: 371px;
    position: absolute;
    top: 612px;
    left: 749px;
    padding: 50px;
    padding-top: 215px;
}


.basketbal-image {
    background-image: url(img/basketbal-image.jpg);
    background-color: black;
    width: 361px;
    height: 371px;
    position: absolute;
    background-size: cover;
    top: 612px;
    left: 1129px;
}

.dunk{
	background-image: url(img/dunk.jpg);
	background-color: black;
	width: 734px;
	height: 376px;
	position: absolute;
	top: 993px;
	left: 9px;
}

.basket-line{
	background-image: url(img/basket-line.jpg);
	background-color: #EEAF46;
	width: 371px;
	height: 375px;
	position: absolute;
	top: 993px;
	left: 749px;
}

.basket-field{
	background-image: url(img/basket-field.jpg);
	background-color: black;
	width: 361px;
	height: 373px;
	position: absolute;
	top: 993px;
	left: 1129px;
}

.quote{
    background-color: #EEAF46;
    width: 363px;
    height: 372px;
    position: absolute;
    top: 1378px;
    left: 9px;
    padding-top: 66px;
   	padding-left: 66px;
}

.quote p{
	font-family: quicksand, sans-serif;
	font-size: 45px;
	line-height: 25px;
	font-weight: 450;
}

.quote p span{
	font-weight: bold;
}

.sky{
	background-image: url(img/sky.jpg);
	background-color: black;
	width: 360px;
	height: 371px;
	position: absolute;
	top: 1378px;
	left: 382px;
}
.basket-black{
	background-image: url(img/basket-black.jpg);
	background-color: #EEAF46;
	width: 741px;
	height: 371px;
	position: absolute;
	top: 1378px;
	left: 749px;
}
h2 span{
	font-family: Perpetua Titling MT, sans-serif;
	color: #EEAF46;
	font-size: 100px;
	font-weight: bold;
	position: absolute;
	top: 95px;
	left: 50px;
}
.basket-black p {
	font-family: quicksand, sans-serif;
	font-size: 20px;
	position: absolute;
	top: 150px;
	left: 50px;
}