layout.css

.navbar{
    background: black;
    height: 50px;
    margin-bottom: 15px;
    text-align: center;
    color: white;
    padding: 15px;
}
.footer{
    background: blue;
    height: 50px;
    margin-bottom: 15px;
    text-align: center;
    color: white;
    padding: 15px;
}

.photo{
    background: blue;
    height: 50px;
    margin-bottom: 15px;
    text-align: center;
    color: white;
    padding: 10px;
}

#content{
    display: flex;
    gap: 15px;
}

.sidebar{
    background: grey;
    margin-bottom: 15px;
    text-align: center;
    color: white;
    padding: 15px;
    width: 30%;

}
.innercontent{
    background: yellow;
    /* height: 50px; */
    margin-bottom: 15px;
    text-align: center;
    color: black;
    width: 69%;
}
.paragraph{
    display: flex;
    padding: 10px;
    padding-top: 2%;
    align-items: center;
}

.details{
    width: 50%;
    padding: 5px;
    margin: 5px;
    border: 1px solid black;

}