h1, h3{
    text-align: center;
}

h1{color: blanchedalmond;}
h3{color: aquamarine;}

body{
    font-family: Arial, sans-serif;
    background-color: #1e1e1e;
    color: #ffffff;
  }

.img-center{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

.links, .aws{
    text-align: center;
}

.links a, .aws a{
    color: azure;
    text-decoration: none;
    border-bottom: 2px solid rgb(20, 220, 117); /* Colored underline */
    transition: border-bottom 0.3s ease; /* Add a transition effect */
}
    
.links a:hover, .aws a:hover {
    border-bottom: 2px solid #0056b3; /* Change color on hover */
}

.links a, .links p,.aws a, .aws p{
    display: inline-block;
    margin: 0;
}

.no-print {
    position: absolute;
    bottom: 100;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%; /* Adjust the width based on your preference */
    padding: 10px;
    border-top: 2px solid #fff;
}

/* Adjust styles for individual items */
.no-print .about-me,
.no-print .copyright {
    flex: 1; /* Equal distribution of space among items */
    text-align: center;
}
/* Ensure the <a> and <p> are displayed in a line */
.no-print a, .no-print p {
    display: inline-block;
    margin: 0;
}

.no-print .about-me a {
    text-decoration: none;
    color: #f6ff00; /* Link color */
    border-bottom: 2px solid rgb(0, 0, 0); /* Colored underline */
    transition: border-bottom 0.3s ease; /* Add a transition effect */
}

.no-print .about-me a:hover {
    border-bottom: 2px solid #0056b3; /* Change color on hover */
}