@charset "UTF-8";

/* Background image */
body {
  background:url(https://img.mfcimg.com/photos2/446/44664872/344-205-669-325-14505334.png) no-repeat center center fixed;
  background-size:cover;
  margin:0;
  padding:0;
  overflow-x:hidden;
}

/* Prevent horizontal scrolling */
html,body {
  overflow-x:hidden;
}

/* Hide profile header */
div#profile_header.profile_section {
  display:none;
}

/* Hide main about section */
div#profile_main_about_holder.profile.row {
  display:none;
}

/* Hide profile picture section */
div#profile_main_photo {
  display:none;
}

/* Hide 'About Me' heading */
#about_me_label,.profile_section_content .heading {
  display:none;
}

/* Social media button styling */
.social-media-buttons {
  display:flex;
  justify-content:space-around;
  padding:20px 0;
  background-color:#183830;
/* Optional: adds a background to the button area */
}

.social-media-buttons a {
  display:inline-block;
  padding:10px 15px;
  margin:5px;
  border-radius:50px;
  background-color:#efdcd2;
  color:#183830;
  text-decoration:none;
  font-size:14px;
  min-width:100px;
/* Adjust based on longest text */
  text-align:center;
  transition:transform 0.2s,background-color .2s;
  white-space:nowrap;
}

/* Bobbing hover effect */
.social-media-buttons a:hover {
  transform:translateY(-5px);
}

/* Change button color after link is clicked */
.social-media-buttons a:visited {
  background-color:#8daaa6;
}

/* Image resizing */
img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}