body {
  margin: 0;
  margin-bottom: 100px;
  font-family: "Montserrat", sans-serif;
  background-color: #d6d3fb;
}


.paragraph {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding-bottom: 15px;
  font-style: normal;
  text-align: justify;
  text-justify: inter-word;
}




a:hover{color:#efa60f;}
a:active{color:#60d6e2;}

#header {
  font-family: "Geist", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color:black;

}


  
  #header{

          height:10%;
          padding-top:15px;
          padding-bottom: 1px; 
          
}   
          
           
 /* Montserrat Header */       
h1{
text-align: center;
color: #47198a
}
        


/* Portrait size */

#portrait{
    
         display: block;
         margin-left: auto;
         margin-right: auto;
         
}
  
  /* Portrait color */
  
#portrait{
display: block;
         height: auto;
         padding-bottom:55px;
         
}
  
  
  /* Resizing all images */
  img{
       width:30%;
       margin-left:15px;
       display: block;
       justify-content: center;
       margin-left: auto;
       margin-right: auto;
}

  /* Same size for my face */

.me{
 justify-content: center;
 margin-left: auto;
 margin-right: auto;
 max-width: 200px;
}


.about_me{
	padding-top: 50px;
}


  /* Putting images side by side and responsive */

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

 /*padding images */
 
.image-1 {
padding:10px
}

.image-2 {
padding:10px
}
.image-3 {
padding:10px
}

/*WEB DESIGN LAYOUT */




.web-heading{
  display: flex;
  gap: 20px;
  padding: 20px; 
  justify-content: center;
  
}


.art-heading{
  display: flex;
  gap: 20px;
  padding: 20px; 
  justify-content: center;
}

.content{
        margin-left: auto;
        margin-right: auto;
        max-width:700px;
          
}