@font-face {
    font-family: signature;
    src: url('../fonts/signature.otf');
}@font-face {
    font-family: quantify;
    src: url('../fonts/Quantify.ttf');
}
html,body{
    margin:0;
    padding:0;
    background-image: linear-gradient(to left, #433f5d, rgb(24, 24, 61), #202020);
    background-repeat: no-repeat;
}
.text-right{
    text-align: right;
}
.header{
    width:100%;
    height:100px;
     display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
}
.me{
    color:#f1f1f1;
    font-family: signature;
    font-size:1.8rem;
}
.me a{
color:#f1f1f1;
text-decoration: none;
opacity:.8;
transition: .3s;
}
.me a:hover{
opacity: 1;
}

.header .menu a{
    color:#f1f1f1;
    text-decoration: none;
    padding:10px;
    font-family: 'Courier New', Courier, monospace;
    transition: .3s;
}

.header .menu a:hover{
    color:#202020;
    background-color: #f1f1f1;
    border-radius:5px;
}

/*****/

.banner{
    display: flex;
   justify-content: center;
   align-items: center;
}
.banner-img{
    display: flex;
   justify-content: center;
   align-items: center;
    border-radius: 50%;
    width:70%;
    box-shadow:  0px 0px 7px 6px #202020, 
                 0px 0px 7px 6px #0000ff,
                 0px 0px 7px 6px #505050;
}

.headtext{
    font-size:1.75rem!important;
    display: flex;
   justify-content: center;
   align-items: center;
    color:#f1f1f1;
    padding-top:70px;
    font-family:'Courier New', Courier, monospace;
}

.headp{
    font-size:1.2rem;
    display: flex;
   justify-content: center;
   align-items: center;
    color:#f1f1f1;
    padding:50px;
    font-family:'Courier New', Courier, monospace;
}

.overline-light{
    border-color: #f1f1f1!important;
    opacity:.7;
    transition: .3s!important;
}
.overline-light:hover{
    opacity:1;
}
.portfolio img{
    transition: 1s;
}

.portfolio{
height:350px;
overflow: hidden;
transition: .3s;
cursor:pointer;
}

.portfolio img:hover{
transform: translateY(-60%);
object-fit: cover;
}

.headline{
    font-family: 'Courier New', Courier, monospace;
}
.htext{
    font-family: 'Courier New', Courier, monospace;
color:#f1f1f1!important;
position:relative;
z-index:99;
background:#202020;
background-image: 
linear-gradient(to right,
 #202020,
  rgb(24, 24, 61)
  );
    background-repeat: no-repeat;
    padding:10px!important;
    text-align: center;
}

.modal-fullscreen{
   height:90vh;
    overflow:hidden;  
}

.footer{
    width:100%;
    min-height:60px;
    border-top:1px solid #757575;
     display: flex;
    justify-content: center;
    align-items: center;
    color:#f1f1f1;
    font-size:.85rem;
}
.sign{
    font-family: signature;
}
.acedigate{
    font-family: quantify;
    text-decoration: none;
    color:#ffd700;
}

.social a{
    color:#f1f1f1;
    opacity:.7;
    transition: .3s;
}
.social a:hover{
    opacity:1;
}

a{
    text-decoration: none;
}

.contactmebtn{
    color:#f1f1f1!important;
    border-top:1px solid #f1f1f1!important;
    border-bottom:1px solid #f1f1f1!important;
    padding:5px;
    border-radius: 10px;
    transition: .5s;
}
.contactmebtn:hover{
    color:#303030!important;
    background: #f1f1f1!important;
    border-top:1px solid #303030!important;
    border-bottom:1px solid #303030!important;
    padding:5px;
    border-radius: 10px;

}

.contact{
    color:#f1f1f1;
    width:50%;
    margin:0 auto;
    text-align: justify;
    min-height:400px;
    margin-top:5%;
}



@media (max-width: 768px) {
  .headtext {
    font-size: 1.2rem;
    padding-top: 30px;
    text-align: center;
  }
  .headp {
    padding: 20px;
    font-size: 1rem;
  }
  
.contact{
    color:#f1f1f1;
    width:80%;
    margin:0 auto;
    text-align: justify;
    min-height:400px;
    margin-top:5%;
}
}