*{padding: 0%;
margin: 0%;
box-sizing: border-box;}
html{font-family: "Figtree", sans-serif;
background-color:hsl(47, 88%, 63%); }
body{background-color: white;
    max-width:360px;
    justify-self: center;
    border-radius: 7px;
    margin-top: 40px;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
    border: 1px solid black;
padding: 20px;}
#blog{width:100%;
    border-radius: 7px;
}
.flex-1{display: flex;
justify-content: center;}
.flex{display: flex;
align-items: center;
width: 100%;
justify-items: end !important;}

#yellow{background-color:hsl(47, 88%, 63%); ;
width: fit-content;
padding: 10px;
border-radius: 7px;
margin-top: 30px;
margin-bottom: 20px;}
p{margin-bottom: 30px;}
h1{margin-bottom: 20px;}
#da{color:  hsl(0, 0%, 42%);}
.greg{margin-right: 10px;
width: 40px;
height: 40px;}