@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
* {
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
box-sizing: border-box;
}
body {
background-color: #0A0303;
}
nav {
background:#FFA200;
height: 70px;
width: 100%;
}
nav ul {
float: right;
margin-right: 20px;
position: -webkit-sticky;
position: sticky;
top: 0;
}
label.name {
font-family: 'Roboto', sans-serif;
color: white;
font-size: 25px;
line-height: 70px;
padding: 0 100px;
}
nav ul li {
display: inline-block;
line-height: 70px;
margin: 0 57px;
margin-left: 15px;
}
nav ul li a{
color:black;
font-size: 25px;
font-family: 'Roboto', sans-serif;
padding: 0px 20px;
border-radius: 0px;
text-transform: uppercase;
}
a.active,a:hover {
background: black;
transition: .5s;
}
.box1 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 200px;
width: 699px;
}
.box2 {
background-color: #FFFFFF;
opacity: 3%;
height: 200px;
width: 625px;
position: relative;
left: 720px;
bottom: 200px;
}
.box3 {
background-color: #FFFFFF;
opacity: 3%;
height: 220px;
width: 200px;
position: relative;
left: 1149px;
bottom: 180px;
}
.box4 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 1125px;
position: relative;
bottom: 420px;
}
.box5 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 699px;
position: relative;
bottom: 420px;
}
.box6 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 628px;
position: relative;
left: 720px;
bottom: 660px;
}
.box7 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 849px;
position: relative;
left: 500px;
bottom: 660px;
}
.box8 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 975px;
position: relative;
right: 500px;
bottom: 900px;
}
.box9 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 1199px;
position: relative;
right: 500px;
bottom: 900px;
}
.box10 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
margin-left: 125px;
height: 220px;
width: 620px;
position: relative;
left: 600px;
bottom: 1138px;
}
.box11 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
margin-left: 245px;
height: 220px;
width: 303px;
position: relative;
left: 800px;
bottom: 1138px;
}
.box12 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
margin-left: 125px;
height: 220px;
width: 720px;
position: relative;
right: 125px;
bottom: 1138px;
}
.box13 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 1520px;
position: relative;
right: 500px;
bottom: 1620px;
}
.box14 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width:608px;
position: relative;
left: 740px;
bottom: 1620px;
}
.box15 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 300px;
position: relative;
bottom: 1620px;
}
.box16 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 300px;
position: relative;
bottom: 1620px;
}
.box16 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 300px;
position: relative;
bottom: 1620px;
}
.box16 {
background-color: #FFFFFF;
opacity: 3%;
margin-top: 20px;
height: 220px;
width: 1020px;
position: relative;
left: 320px;
bottom: 1860px;
}
/* Picture only */
.first-pic {
float: left;
height: 390px;
width: 586px;
margin-left: 50px;
margin-top: 50px;
}
.second-pic {
float: left;
height: 390px;
width: 586px;
margin-left: 85px;
margin-top: 50px;
position: relative;
top: 460px;
}
.third-pic {
float: left;
opacity: 100%;
height: 390px;
width: 586px;
margin-top: 50px;
position: relative;
top: 340px;
right: 230px;
}
.last-pic {
float: right;
opacity: 100%;
height: 390px;
width: 586px;
left: 500px;
margin-top: 50px;
position: relative;
top: 350px;
}
.txt1 {
float: left;
color: white;
position: relative;
left: 700px;
bottom: 250px;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.txt2 {
float: left;
color: white;
position: relative;
top: 200px;
right: 500px;
bottom: 250px;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.txt3 {
float: right;
color: white;
position: relative;
top: 100px;
right: 100px;
bottom: 250px;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.txt4 {
float: left;
color: white;
position: relative;
top: 100px;
left: 50px;
bottom: 250px;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.resort-name {
float: left;
position: relative;
left: 180px;
bottom: 300px;
color: white;
}
.label-1 {
font-size:40px ;
color: white;
float: left;
position: relative;
top: 30px;
left: 200px;
bottom: 300px;
}
.label-2 {
font-size:40px ;
color: white;
float: left;
position: relative;
top: 488px;
right: 50px;
bottom: 300px;
}