body {
    background-color: lightgray;
}

.container {
   background-color: rgba(25, 21, 21, 0.552);
   text-align: center;
   max-width: 300px;
   margin: 0 auto;
   margin-top: 30px;
   padding: 30px;
   border-radius: 20px;
}

.myphoto{
    width: 150px;
    height: 150px;
    border-radius: 50px;
}

.paragraph {
    color: white    ;
    user-select: none;
}

.name{
    font-size: 30px;
    color: rgb(245, 244, 242);
    user-select: none;
}

.container2 {
    background-color: rgba(25, 21, 21, 0.552);
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 30px;
    border-radius: 20px;
}

.head {
    color: white;
}

.imagecontainer {
    display: flex;
    flex: row;
     width: 50%;
    justify-content: space-evenly   ;
    margin: 0 auto;
    width: 80%;
}

.skillphoto{
width: 100px;
height: 10px;
}