:root {
  --text-color:  #515182;
  --bg-color: #a4e1fc;
  --link-color:  #829199;
  --bg-color2: #fff;
  --lighter-color: #A4E1FC;
	--border-color: #77D4FD;
	--text-color2: rgba(246, 246, 246, 0.8);
	--link-color2:#1389FF;
}

body{
background-color: var(--bg-color2);
background-image: url('img/glass.jpg');
margin: 0px;
color: var(--text-color);
font-family: "Century Gothic";
}

b{
  color: var(--border-color);
  }
h1{
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(1px 1px 1px var(--border-color));
  font-size: 1.5rem;
  color: var(--link-color);
  padding: 0px 15px 0px 15px;
  margin-top: -4px;
  
  }  
  

main {
  margin: 92px 64px 90px 64px;
  padding: 32px 32px 32px 32px;
  background: var(--text-color2);
  border-radius: 10px;
  border: double 6px var(--link-color);
  box-shadow: inset 2px 0px 7px 0px var(--link-color), inset -2px 0px 6px 1px var(--link-color);
  width: 750px;
}

header {
  box-shadow: inset 2px 0px 7px 0px var(--lighter-color), inset -2px 0px 6px 1px var(--lighter-color);
  border: solid 2px var(--border-color);
  height: 220px;
  background-image: url("img/nor_city006.jpg");
  background-position: top;
  background-size: cover;
  border-radius: 15px 15px 2px 2px;
  margin: 10px;
}
.button{
  border: solid 2px var(--border-color);
  border-radius: 10px;
  filter: drop-shadow(0 0.5px 0.5px gray) drop-shadow(0.5px 0.5px 1px gray);
  font-size: 17px;
  padding-top: 2px;
  padding-bottom: 0;
  margin-top: 5px;
  background: linear-gradient(var(--bg-color2), var(--border-color) 40%, var(--bg-color2));
  width: 150px;
  padding: 5px;
  text-align: center;
  margin: 7px;
}


.auu{
  display:flex;
  flex-direction:column;
}

.mainer{
  display:flex;
  padding:10px;
      margin-top:10px;
      margin-left: auto;
  margin-right: auto;
  }
.text,.like,.stuff,.likeme{
padding: 0px 15px 0px 15px;
margin-top: -4px;
border: solid 2px var(--border-color);
  border-radius: 7px;
box-shadow: inset var(--lighter-color) 0 0 10px;
  background: var(--text-color2);
}
.text{
width: 120px;
  margin-right: 12px;
  height: 160px;
  }
.stuff{
  width: 110%;
  margin-right: 12px;
  }
.likeme{
  display:flex;
  }  
  
.ex{
    width: 300px;  
    object-fit: contain;
  }  
.exe{
  height:450px;
  object-fit: contain;
  }  
  
  a{
    text-decoration: none;
    }
.stuff a, .stuff a:visited{
color: var(--link-color2);
text-shadow: 1px 1px 1px var(--border-color);
}


a:hover, a:active{
font-style: italic;
}