@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-color: #1a1b26;
}
p, h1, h2, h3, h4 {

    font-family: Google Sans Code;
    color: #1a1b26;
    font-weight: normal;

}

.intro-div{

    background-color: #2ac3de;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10%;

}

.centered-div{

    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5%;

}

.project-div{

  background-color: #9ece6a;

}


.project-list-div{

  background-color: #bb9af7;

}

.aligned-left {

  text-align: left; 
  align-self: left; 
  margin-left: 10px; 


}


.external-link-icon{


    height: 16px;
    width: 16px;


}

.subtitle {


  font-weight: bold; !important

}

.link-icon{
  
  height: 32px;

  width: 32px;

  margin-bottom: none;

  padding: 0px;


}


.links{

    display: inline-block;
    height: 96px;

}

a {

  text-decoration: none;

}

.link-card-text{

  margin-top: 0px;

}

.album-art{

  border-radius: 10px;
  width: 128px;

}

.track-list-container{

  border-radius: 10px;

 
}

.track-card{

    margin: 5px;

    padding: 10px;

    border-radius: 10px;

    display: inline-block;
    
    max-width: fit-content;

}

.home-button{

    background-color: #2ac3de;
    position:fixed;
    top:0;
    width:10%;
    z-index:100;
    max-width: fit-content;
    margin-top: 10px;
    padding: 5px;
    border-radius: 10px; 

}

.link-card{


    display: inline-block;

    background-color: #7dcfff; 

    border-radius: 10px; 

    padding: 10px;

    height: 64px;

    width: 48px;


}


.profile-picture{


    border-radius: 100px;
    max-width: 25%;


}