* {
  margin: 0;
  padding: 0;
}

body {
    background: #141E30;
    background-image: url("./logo_transparent.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 25%;
    margin: 50px;
    padding: 0;
  }

h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(29, 168, 211);
    font-size: 4em;
    padding-top: 100px;
    width: 100%;
    text-align: right;
    /* text-decoration-line: overline underline; */
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(29, 168, 211);
  font-size: 2em;
  padding-top: 100px;
  width: 100%;
  text-align: left;
}

a {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(29, 168, 211);
}

a:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(12, 68, 85);
}

}
#con {
   min-height: 100%;
   position: relative;
}
#content {
   height: 100%;
   padding-bottom: 60px;
}
#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 60px;
}

.fancy {
  width: 100px;
  transition: width 2.5s;
}

.fancy:hover {
  width: 300px;
}

.floatright {
  float: right;
  padding-right: 5%;
  text-align: justify;
}

.tenbox {
  width: 75%;
}