p.YSwelcome{color: purple;font-size: 1.3em;padding-left: 20px;padding-right: 20px;text-align:center;}
p.YSgridheader{background-color: #b30737;color: white;font-size: 1.5em;padding-top: 10px;padding-bottom: 10px;padding-left: 25px;font-weight: bold;text-align:center;}
img.YSavatar{max-height: 150px;padding: 5px;display: block;margin-left: auto;margin-right: auto;}
.YSgrid{display: grid;grid-template-columns: 1fr 3fr;grid-template-areas:"Image Name""Image Title""Image Email";}
.YSgridImage{grid-area: Image;}
.YSgridName{grid-area: Name;padding-left: 25px;}
.YSgridTitle{grid-area: Title;padding-left: 25px;}
.YSgridEmail{grid-area: Email;padding-left: 25px;}
.YSmenu{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.YSmenuitem{padding: 5px;}
button.YSmenubutton{background-color: white;width: 250px;height: 300px;align-content: center;border: none;border-style:solid;border-color: silver;}
button.YSmenubutton:hover{filter: saturate(3.0);}
@media (max-width: 800px)
{
button.YSmenubutton{background-color: white;width: 200px;height: 250px;align-content: center;border: none;border-style:solid;border-color: silver;}
p.YSwelcome{color: purple;font-size:initial;padding-left: 5px;padding-right: 5px;}
}