*{
  margin-top: 0em;
  padding: 0em;
}

/* STYLE SECTIONING TAGS */
body {
 background-color: #F6F5F3; 
 color: #2B2628;
 font-family: Roboto, Arial, Helvetica, sans-serif;
 margin-top: 5%;
 margin-left: 15%;
 margin-right: 15%;
 margin-bottom: 5%;
}

/* STYLE TEXT */
/* general */
h1 {
  color: #161314;
  text-align: left;
  margin-top: 2%; 
  margin-bottom: 2%;
}

#socialM {
  margin-bottom: 1%;
}

/* main page - intro text*/
#mainHead {
  text-decoration: underline;
  text-decoration-color: #4D74A8;
}

.shortIntro {
  text-align: left;
  width: 80%
}

#songRecs {
  text-align: center;
  color: #4D74A8;
  margin-bottom: 5%;
  margin-top: 5%;
}

.flexContainer {
  display: flex;
}

/* button */
 .rotated-button {
  transform: rotate(180deg); /* Rotates the button by 45 degrees clockwise */
}

/* portfolio page */
#portfolioHead {
  text-decoration: underline;
  text-decoration-color: #756194;
  position: sticky;
  top: 5%;
}

#portfolioIntro {
  position: sticky;
  text-decoration: none;
  top: 20%;
}

.projects {
  color: #756194;
  font-size: large;
  text-align: right;
  width: 40%;
  margin-left: 65%;
}

.caption{
  color: #2B2628;
  text-align: center;
  width: 40%;
  margin-left: 65%;
  font-size: large;
}

.linkP {
  margin-bottom: 3%;
  color:#2B2628;
  margin-left: 75%;
  text-align: center;
}


/* links page */
.linksText {
  text-align: center;
}

.linktreeName{
  color: #5E8274;;
  font-size: large;
  margin-top: 2%;
  margin-bottom: 0.75%;
}

#linksHead {
  text-decoration: underline;
  text-decoration-color: #5E8274;
}



/* STYLE IMAGES */
/*img {
}
*/
.borderPortfolio {
  border-style: solid;
  border-width: medium;
  border-color: #756194;
  position: relative;
  left:55%;
  max-width: 80%;
}

#mainPhoto {
  border-style: solid;
  border-width: medium;
  border-color: #4D74A8;
  left:75%;
  margin-left: 0%;
  max-width: 40%;
  max-height: 20%;
}


/* STYLE NAV BAR */

ol {
  list-style-type: none;
  overflow: hidden;
  padding: 1em;
} 

li {
  display: inline;
}

li a {
  text-decoration: none;
  color: #2B2628;
  font-size: medium;
  padding: 1em;
}

li a:hover{
  background-color: #C9C6BA;
}

a {
   color: #4D74A8;
}

/*background-image: linear-gradient(#756194,#4D74A8, #5E8274);*/