@font-face {
  font-family: "font";
  src: url(gadugi-bold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

  .shrimpylogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.intro {
  font-family: font;
  color: white;
  display: inline-block;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
}

.projects {
  font-family: font;
  color: white;
  display: inline-block;
  font-size: 70px;
  font-weight: bold;
  position:absolute;
  top:70%;
  left:35%;
}

.ciblesimg {
  width: 300px;
  margin-top: 5px;
  position:absolute;
  top:90%;
  left:20%;
}

.plusimg {
  width: 600px;
  margin-top: 5px;
  position:absolute;
  top:89%;
  right:20%;
}


.new {
  font-family: font;
  color: yellow;
  display: inline-block;
  font-size: 70px;
  font-weight: bold;
  position:absolute;
  top:120%;
  left:48%;
}

.bot {
  font-family: font;
  color: white;
  display: inline-block;
  font-size: 70px;
  font-weight: bold;
  position:absolute;
  top:135%;
  left:23%;
}

.bot:hover{
  color: rgb(177, 156, 217);
}