body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

.myHead {
    background-color: #333;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.name {
    text-align: left;
}

.name h4, .name h5 {
    margin: 0;
}

.navbar {
    text-align: right;
}

.navbar a {
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
}

#photo {
    background: linear-gradient(to top right, rgb(10, 241, 79), rgb(3, 125, 240), rgb(51, 51, 134));
    text-align: center;
    padding: 20px;
}
#photo img {
    background: white;
    width: 200px;
    border-radius: 50%;
    max-width: 100%;
    height: auto;
    margin: 20px 0;
  }
  #photo h2 {
    color: #333;
  }
  #photo .role {
    color: rgb(71, 13, 231);
  }
  
  .role {
    font-weight: bold;
    font-size: 1.2rem;
  }
fieldset{
    padding: 15px;
  }
  span{
    position: relative;
    bottom: 1pc;
    left:14pc;
    font-size: 36px;
    cursor: pointer;
    color: black;
  }
  span:hover{
    color: red;
    font-weight: bolder;
  }
#circ {
    background-color: #83cf09;
    padding: 20px;
    margin-top: 20px;
    width: 80%;
    text-align: center;
}
#circ {
    max-width: 90%;
    margin: 20px auto; 
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#circ h1 {
    color: #333;
}

#circ fieldset {
    border: 3px solid rgb(59, 8, 179);
    margin: 20px 0;
}

#circ h3 {
    color: #333;
}

#circ p {
    line-height: 1.6;
    color: #666;
}

.tabs {
    text-align: center;
    margin-top: 20px;
}

.tabs div {
    display: inline-block;
    margin-right: 20px;
}

.tabs a {
    text-decoration: none;
    color: #333;
}

section {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #078647;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.project, .res, .serv, #contacts p {
    margin-bottom: 20px;
}

.project img {
    max-width: 100%;
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: #fff;
}

footer p {
    margin: 5px 0;
}

footer .ft {
    font-style: italic;
    color: #aaa;
}
@media screen and (max-width:900px){
    body{
        width: 100%;
    }
    #circ {
        max-width: 100%;
        margin: 20px auto; 
        text-align: center;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}