@charset "UTF-8";
/* CSS Document */
/* Add a black background color to the top navigation */
@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;

}
.resume{
  size:
  max-width: 50%;
   height: auto;
}
.card{
  background-color:lightpink !important;
}

.col-md-12{
  font-size:25px;
  
}
.link{
  max-width: 50%;
  height: auto;
  
}
figcaption{
  font-family: 'scrivanoregular';
}
body{
  background:lightpink;
}
/* Add a black background color to the top navigation */
.container{
  background: url("background.jpg");
  position:relative;
  margin:100px;
}
.topnav a:hover {
  background-color: #ddd;
  color:black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color:magenta;
  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: #ddd;
  color:black;
}

/* Add a color to the active/current link */
.navbar a.active {
  background-color:magenta;
  color: black;
}
.vimeo {
       display: block;
       margin: 0px auto;
       width: 400px;
       height: 225px; 
  margin-bottom: 60px;
}
p{
  font-family: 'scrivanoregular';
}

 h2{
    margin-top: 10px;
   font-family:'junegullregular';
  }
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
       
      
                       
.vimeo { 
       width: 700px;
       height: 394px;
}        
       
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
       
       
           
.vimeo { 
       width: 950px;
       height: 534px;
}                     
       
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
       
              
}

/* Large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
       

}

/* Media Query */