#atmntitle {
background-color:#eee4ef;
border: 3px double;
border-bottom:none;
border-color:grey;
color:#333332;
padding: 20px 20px 0px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#navbar {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-bottom:none;
border-color:grey;
color:#333332;
padding: 0px 20px 0px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#main {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-bottom:none;
border-color:grey;
color:#333332;
padding: 0px 20px 0px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#links {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-bottom:none;
border-color:grey;
color:#333332;
padding: 0px 20px 0px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#linksbuttons {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-color:grey;
color:#333332;
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#buttons {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-color:grey;
color:#333332;
padding: 20px 20px 20px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

#portfolio {
background-color:#eee4ef;
border: 3px double;
border-top:none;
border-bottom:none;
border-color:grey;
color:#333332;
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
font-family:courier;
margin-left: 20%;
margin-right: 20%;
text-align:center
}

a:link { color:#a018d8; }
a:visited { color:#5ebae4; }
a:hover { color:#c94dfd; }
a:active { color:#5f4669; }

div {
  width: 88px;
  border: solid 0px;
  float: left;
  padding: 10px 0;
}

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.flex-container {
  display: flex;
  justify-content: center;
  background-color:#eee4ef;
  border: 3px double;
  border-color:grey;
  color:#333332;
  padding: 20px 20px 20px 20px;
  width: 60%;
  height:auto;
  font-family:courier;
  margin-left: 20%;
  margin-right: 20%;
  text-align: center;
  align-items: center;
}

@font-face {
font-family: courier;
    src: url('https://atmnw.neocities.org/fonts/Courier%20Prime.ttf')  format("truetype");
}

@font-face {
    font-family: courier;
    src: url('https://atmnw.neocities.org/fonts/Courier%20Prime%20Bold.ttf')  format("truetype");
    font-weight: bold; /* bold */
}

@font-face {
    font-family: courier;
    src: url('https://atmnw.neocities.org/fonts/Courier%20Prime%20Italic.ttf')  format("truetype");
    font-style: italic; /* italic */
}

@font-face {
    font-family: courier;
    src: url('https://atmnw.neocities.org/fonts/Courier%20Prime%20Bold%20Italic.ttf')  format("truetype");
    font-style: italic; /* italic */
    font-weight: bold; /* bold */
}