* {
    font-family: 'JetBrains Mono';    
}
li {
    list-style: none;
    position: relative;
}
h1 {
    font-size: 22px;
    color: #b3e1a3;
    text-decoration: underline;
}

a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
}
  

body {
	background-color: #1e1e2e;
	background-position: left bottom; 
	background-repeat: no-repeat;
  background-size: contain, cover;
  min-height: 100%;
  max-width: auto;
  min-width: 0%;

}
hr{
    border: 0.5px dashed #5a5a6a;
}

img {
    border: 4px solid #1e1e2e;
    height: 90px;
    width: 90px;
    border-radius: 50%;
}
.box {
    /*border-radius: 8px;
    border: 1px solid #a6adc8;*/
    width: 50%;
    margin: 20px auto 0 auto;
    padding: 5px;
    
}
/*560 654*/
.top {
    
    /*border: 1px solid #a6adc8;*/
    /*border-radius: 10px;*/
    /*text-align: center;*/
    /*width: 97%;*/
    font-size: 13px;
    position: relative;
    background-color: #1e1e2e;
    margin: auto;
    padding: 5px;
    text-align: right;
}
.top a{
    transition: 0.3s;
	  color: #ecbfbd;
    cursor: pointer;
    padding-left: 5px; 
    padding-right: 5px;
    

}
.top strong{
    float:left; 
    text-decoration: none;
    color: #e28c8c;
	background-color: #1e1e2e;

}

.top a:hover {
	color: #1e1e1e;
	background-color: #F38BA8;
}



.contain {
    background-color: #1e1e2e;
    position: relative;
    color: #f5c2e7;
    padding: 5px;
    font-size: 14px;
    margin: 2px;
}

.out{ 
    text-align: center;
}

.out p{
    color: #bac2de;
}

.last {
  background-color: #1e1e2e;
  color: #fff;
  text-align: center;
/*  position: sticky;*/
  position: fixed;
  bottom: 0;
  width: 100%;

}

.last p {
    color: #a6adc8;
    font-size: 12px;
}

.social {
	padding: 10px; 
	text-align: center; 
	margin-top: 8px; 
	margin-bottom: 4px;
	margin-top: 4px;
}


.social a{
    color: #BAC2de;
    cursor: pointer;
    padding: 5px; 
    font-size: 25px; 
}	

.social a:hover {
	color: #b3e1a3;
}


.blinking-cursor {
    font-weight: 100;
    font-size: 14px;
    color: #F38BA8;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
  }
  
  @keyframes "blink" {
    from, to {
      color: transparent;
    }
    50% {
      color: #F38BA8;
    }
  }
  
  @-moz-keyframes blink {
    from, to {
      color: transparent;
    }
    50% {
      color: #F38BA8;
    }
  }
  
  @-webkit-keyframes "blink" {
    from, to {
      color: transparent;
    }
    50% {
      color: #F38BA8;
    }
  }
  
  @-ms-keyframes "blink" {
    from, to {
      color: transparent;
    }
    50% {
      color: #F38BA8;
    }
  }
  
  @-o-keyframes "blink" {
    from, to {
      color: transparent;
    }
    50% {
      color: #F38BA8;
    }
  }

@media screen and (max-width: 720px) {
    .box {
      width: 99%;
      transition: ease all 0.5s;
}