head
{
 color:red; 

}
body
{
   
    display: flex;
    flex-direction: column;
    width:auto; 
    height:auto ;
    margin: 0vw;
    margin: auto;


}

.header
{
    
    border:solid black 2px;  
    justify-content: space-evenly;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 5vw;
    width: auto;
    font-size: 50pt;
    background-image:linear-gradient(to bottom right ,#2e2567,#331dc0);
    
}
.footer
{
    border: solid black 1px;
    display:flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 15vw;
    width: auto;
    margin-top:0;
    margin-bottom: 0;
    
    background-image:linear-gradient(to bottom right ,#2e2567,#331dc0);


}
.header a:hover 
{
    transform: scale(1.1);
    transition: 1.5s ease-in ;
}
.sub
{
   
    padding-top: 10vw;
    flex-direction: column;
    display: flex;
    padding-left: 15vw;
    background-image:linear-gradient(to bottom right ,#2e2567,#331dc0 );
    border:solid black 2px;  
    margin-top: 20px;
    min-height:30vw ;
    width: auto;
    line-height: 1vw;
}


.dir
{
    font-size: 20pt;
    color: white;


}

#burd
{

    max-width: 20vw;
    max-height: auto;
    border-radius: 60%; 
    border:2px solid black  ;
    position: absolute;
    left: 65vw;
    top: 10vw;
    display: flex;


   
    
}
.title
{
    font-style:italic;
    color:white; 
}
#about
{

    color:white;
    width: auto;
    height: auto;
    
    
    
}

.latest
{
    display: flex;
    flex-direction: row;
    justify-content: center;;
    align-items: center;
    width: auto;
    height: 40vw;
}
.project_text
{
    width: auto;
    height: 30vw; 
    background-color: rgb(153, 146, 170);
    display: flex;
    flex-direction: column;
    align-items: center;

}
.lorem
{
    height: auto;
    width: 70vw;
}
.big_img{
    max-width: auto;
    max-height: 15vw;
}
.card_img_top
{
    height: auto;
    width: auto;

}