.center {
  margin: auto;
  width: 50%;
  border: 12px double #D92243;
  padding: 10px;
}

.body {
  background-color: #F69D39;
}
h1 {
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
}

h3 {
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 20px;
  text-align: center;
  font-weight: normal
}
.pcontact {
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 16px;
  text-align: center;
}

.logo {
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pcopywrite {
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 11px;
  text-align: center;
}
fieldset {
  background-color: #FFF5E5;
  border-color: #D92243;
}

legend {
  background-color: #D92243;
  color: black;
  padding: 5px 10px;
}

table.logotable {
  width: 100%;
  border-collapse: collapse;
}

.logotable tr,.logotable td {
  text-align: center;
}

table.skills {
  width: 100%;
  border-collapse: collapse;
}

.skills tr, .skills td {
  text-align: center;
}

.technology-logo {
  height:50px;
}

#profile-text{
  text-align: justify;
  text-justify: inter-word;
}

.icons {
  width: 25px;
  text-align: center;
  vertical-align: middle;
}

.contactcenter{
    text-align: center;
    vertical-align: middle;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

.navigation {

    text-align: right;
}
/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .center {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    padding: 0px;
  }
}

.infotext {
    color :#FFF5E5;
}