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

*{
  margin: 0;
  padding: 0;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  background-color: blanchedalmond;
}

#title{
  padding: 10px;
}

/*TOP NAV BAR*/
header{
  position: fixed;
  top: 0;
  width: 100%;
}
header nav{
  padding:30px;
}
header nav ul{
  float: right;
  text-align: right;
}
header nav ul li{
  display: inline;
  padding: 20px;
}
header nav ul li a{
  font-size: 18px;
}
header nav ul li a:link,
header nav ul li a:visited{
  color: black;
  text-decoration: none;
}
header nav ul li a:hover{
  color: rgb(226, 115, 51);
}
header nav ul li a#active{
  text-decoration: underline;
}

/*Dropdown Menu in Navbar*/
li.dropdown{display:inline-block;}
.dropdown-content{
    /* border: 1px solid black; */
		display:none;
		position:absolute;
		color:white;
		background-color:rgb(189, 117, 8);
		width:150px;
		padding:0;
		z-index:-1;}			
.dropdown-content a{
		color:white;
		font-size:18px;
		background-color:blanchedalmond;
		padding:12px 10px;
		text-decoration:none;
		display:block;
		text-align:center;}
.dropdown-content a:hover{
    color: white;
		background-color:rgb(101, 101, 245);
		height:auto;}		
.dropdown:hover .dropdown-content{
		display:block;}		
/* .clearfix{border-style:none;
		clear:both;} */

/*FOOTER MESSAGE*/
footer{
  position: fixed;
  bottom: 15px;
  width: 100%;
}
footer div{
  text-align: center;
}

/*BODY*/
.home-main-section{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 150px;
  padding-right: 125px;
}
.home-main-section #desc{
  width: 500px;
  margin: auto;
  text-align: center;
  line-height: 2;
}
.home-main-section #desc .iamvic{
  font-size: 32px;
  font-family: 'Satisfy', cursive;
}
.home-main-section #desc .desc{
  font-size: 15px;
}
.home-main-section #desc .desc2{
  font-size: 22px;
}
.image-wrapper{
  padding-left: 100px;
}