*{  font-family: Arial, sans-serif;
}

body {
  overflow-y: hidden;
  margin: 0px;
  background-color: #5ab077;
  
  text-align: center;

}


h1{
  color: #ffffff;
  display: inline-block;
  font-weight: 50;
  margin-bottom: 8px;
}

#comingSoon{
  display: block;
  color: #3a744d;
  margin: 0;
}

.tile{
display: inline-block;
width: 26px;
margin-left: 14px;
}

.Terra{
  width: 150px;
}

.logo{
  width:10vw;
  width: 30vh;
    margin: auto;
    margin-top: 30vh;
    display: block;
}

#logoBox{
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  
}

#heading{
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 50px;
}

.mainImg{
  width:20%;
}

.gfs-didot-regular {
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.container{
  background-color: #333;
  position: relative;
  height:100vh;
}

.conatiner .icon{
  margin-left:30vw;
  margin-top:5vh;
}

.container .icon text {
  fill: transparent;
  stroke-width: 1;
  stroke: #41C5AE; 
  stroke-dasharray: 500;
  stroke-dashoffset:500;
}

.container .icon:hover text{
  animation:animate 3s linear forwards, moveSvg 3s ease-in-out 3s forwards;
}