/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
.hero {
    margin-bottom:50px;
}
.hero img{
    border-radius: 50%;
    height:200px;
    width:200px;
}
.hero h2 {
    font-weight:bold;
    font-size:42px;
}
.hero p {
    font-size:20px;
    font-weight:900;
}
.homelogin {
    background-color: #9A8BC9;
    color:white;
    border: none;
    border-radius:10px;
    padding:10px;
    margin:5px;
    
}
.homelogin:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.homeregist {
    background-color:#EEA579;
    color:white;
    border: none;
    padding:10px;
    border-radius:10px;
    margin:5px;
}
.homeregist:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.typing-text::after {
  content: "|";
  animation: blink ease 1s infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 0;
  } 50% {
    opacity: 1;
  }
}