@charset "UTF-8";
/* CSS Document */

.new-button{
width:10%;
margin-left:5%;

}
.new-button img{


    margin: 150px 0px 0px 0px;
    left:0;
    width: 50px;
    transition: 0.9s ease;
}

.new-button img:hover{
   transform: scale(1.1);
    transition: 0.9s ease; 
}

h1{
    margin-top: -20px;
    font-size: 30pt;
    color:  #3a130e;
  
}

h2{
   color: #3a130e87;
   font-size: 15pt;
   width: 100%;

}



.project p{
    color: #3a130e87;
     font-family: "Lexend Giga", sans-serif;
     margin-left: 5px;
     
   
}
.viewpage p{

 color: #3a130e;
 border: 1px solid #3a130e;
 border-radius: 10px;
 padding: 5px;
 width: 200px;
  transition: 0.9s ease;
  text-align: center;
}
.viewpage p:hover{
color: white;
background-color: #3a130e;
 border: 1px solid #3a130e;
 border-radius: 10px;
 padding: 5px;
 width: 200px; 
 transform: scale(1.1);
    transition: 0.9s ease;
}

.my{
 color: #3a130e;
width: 70%;
margin-left:15%;
margin-top: 100px;

}

.my2{
    color: #3a130e;
width: 70%;
margin-left:15%;
margin-top: 100px;

}


.my img{
    width:100%;
    border-radius: 20px;
}

.my2 img{
    width:100%;
    border-radius: 20px;
    margin-left: 20px;
}

video{
 width:100%;   
}



@media(min-width: 750px){
h1{
    margin-top: -20px;
    font-size: 60pt;
    color:  #3a130e;
  
}

}