@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'junegullregular';
    src: url('junegull-webfont.woff2') format('woff2'),
         url('junegull-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'scrivanoregular';
    src: url('scrivano-webfont.woff2') format('woff2'),
         url('scrivano-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
img{
  margin-top: 40px;
}
h2{
  margin:100px;
  font-family: junegullregular;
  font-size:60px;
}
body{
  background-color:lightpink;
}
.col-md-6{
  font-size:29px;
}
.col-md-12{
  font-size:25px;
}
.link{
  max-width: 100%;
  height: auto;
  
}
/* Add a black background color to the top navigation */
.container{
  background: url("background.jpg");
  position:relative;
  margin:40px;
}
.topnav {
  background-color: lightpink;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
p{
  font-family: 'scrivanoregular';
}


/* Change the color of links on hover */
.topnav a:hover {
  background-color: magenta;
  color:black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color:magenta !important;
  color: black;
}

.navbar {
  background-color: lightpink !important;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: magenta;
  color:black;
}

/* Add a color to the active/current link */
.navbar a.active {
  background-color:magenta;
  color: black;
}