/*
   Eirokuen
   Author: Ai Hubrel
   Date:   

   Filename:   artist_styles.css (for IPad)
   Supporting Files: Artist.html
*/


/* Style for #Main */

#main{
    display:grid;
    grid-template-columns: 0.5fr 1fr;
    grid-template-areas:
    "picture info";
}

/* Style for #Masahiro */

#Masahiro{
    grid-row-start: 1;
    grid-row-end:2;
    grid-column-start:1;
    grid-column-end:2;
    grid-area:picture;
    
    margin-left: 0px;
    margin-top: 20px;
    text-align: center;
}

#Masahiro img{
    border-radius: 10px;
    box-shadow: 0 0 5px #203a45;
    width:200px;
    height:auto;
}

#Masahiro p{
    font-weight: bold;
    font-family: 'Times New Roman';
    font-size: 120%;
    margin-top: 2px;
}

#Masahiro p span{
    font-style:italic;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
}

/* Style for #introduction */

#introduction{
    grid-row-start: 1;
    grid-row-end:2;
    grid-column-start:2;
    grid-column-end:3;
    grid-area:info;
    
    text-align: center;
    height: auto;
    margin-right: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgb(245, 246, 255);
    background-color: rgba(245, 246, 255, 0.74);
    border-radius: 10px;
    border: 0.5px solid gray;
}

#introduction h1{
    font-size: 120%;
    text-shadow: 1px 1px 2px gray;
}

#introduction p{
    text-align: left;
    padding-left: 20px;
    padding-right:10px;
    font-size: 110%;
    text-indent: 50px;
    padding-bottom: 10px;
}



/*
*{
 outline: 1px solid red;   
}

*/