#profile {
  opacity: 1;
  border-radius: 4%;
  border-color:#A3B18A;
  border-style: solid;
  border-width: 15px;
}

img {
  width:400px;
  height:400px;
}

img:hover {
  opacity:0.2;
}
/* STYLE SECTIONING TAGS */
html {
  background-color: #DAD7CD;
}

main{
  text-align:center;
  margin:0;
}

body {
  text-align:center;
  margin:0;
  padding:0;
}

div.container {
  position:relative;
  float:left;
  padding-right:30px;
}

.row::after {
  content: "";
  display:table;
  clear:both;
  padding-bottom:20px;
}

div.text {
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  opacity: 1;

}

div.border {
  width:400px;
  height: 400px;
  border-radius: 4%;
  border-color:#A3B18A;
  border-style: solid;
  border-width: 15px;
}

.imageGallery {
  display: grid;
  place-items: center;
  height:100vh;
}

.portfolioImages {
  padding-bottom:30px;
}
/* STYLE TEXT */
h1 {
  font-family: 'Sweetgentle';
  font-size: 400%;
  letter-spacing: 4%;
  color: #3A5A40;
}

h2{
  font-family: 'Sweetgentle';
  color: #3A5A40;
  font-size: 300%;
  padding: 3px;
}

h3 {
  color:#3A5A40;
  font-family: 'Calinastiya';
  font-size: 290%;
}
p {
  color:#344E41;
  font-family: 'Calinastiya';
  font-size: 270%;
  margin-left: 4%;
  margin-right: 4%;
}
/* STYLE NAV BAR */
li{
  display:inline-block;
}

nav {
  background-color: #A3B18A;
  width: 100%;
  margin-top: 3%;
}

li a {
  display:block;
  text-decoration: none;
  color:#344E41;
  font-family: 'Calinastiya';
  font-size: 340%;
  padding-right: 60px;
  padding-left: 60px;
  margin-right: 30px;
  
}


li a:hover {
  background-color: #588157;
}

li a:visited {
  text-decoration: none;
}

nav#topnav {
  margin:0;
}

@font-face {
  font-family: 'Calinastiya';
  src: url(Fonts/Calinastiya\ demo.ttf);

}

@font-face {
  font-family: 'Sweetgentle';
  src: url(Fonts/Sweetgentle\ Free.otf);
}