body
{
    background-color: black;
}



.title
{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: black;
    height: 50vh;
   
}

#img-1
{ 
    height:10rem;
    width:10rem;
    border-radius: 5rem;
    /*margin-top: 50px;*/
}

.intro
{
    color: white;
    font-family: sans-serif;
}

.skillset
{
   display:flex;
   justify-content: center;
   align-items:center;
   margin-bottom: 50px;
}


.cont-1
{
    display: grid;
    margin-top: 50px;
    grid-template-rows: 500px 500px;
    grid-template-columns: 500px 500px 500px;
    gap: 10px;
  
}

.image
{
    width: 8em;
    height: 8rem;
    
}

.box
{
    background-color: black;
    border: 5px solid white;
    color: white;
    text-align: center;
}

.cont-2
{
    display: grid;
    margin-top: 50px;
    grid-template-columns: 500px 500px;
    grid-template-rows: 500px;
    gap: 10px;
}

.other
{
    text-align: justify;
}

.image-2
{
    float:left;
    width:15rem;
    height:10rem;
    margin-left: 10px;
    margin-right: 50px;
}

#desc
{
    clear:both;
    padding: 10px;
}

.cont-3
{
    display: grid;
    grid-template-columns: 200px 200px 200px;
    grid-template-rows: 100px 100px 100px;
}

.rect h2
{
    text-align: center;
}

.two2
{
    background-color: Green;
}

.four4
{
    background-color: pink;
}

.six6
{
    background-color: yellow;
}

.eight8
{
    background-color: orange;
}

.conclude
{
    width:500px;
    border: 5px solid white;
    margin-left: 560px;
}

.c1 
{
    text-align:center;
}

footer{

    font-weight: bolder;
    font-size: medium;
    font-family: cursive;
    text-align: end;
    color: white;
}