/* CSS Document */

html,body{font-family: 'PT Serif', serif;margin: 0px; background-color: rgba(36, 53, 57,0.01);color:black;height: 100%}


.hero{text-align: center; height: 100%}
.hero-align{display:inline-block;height: 100%;vertical-align: middle}
.hero-message{display:inline-block;width:780px;text-align: center;vertical-align: middle;}
.hero-message-title{font-size:60px;font-weight: 400;margin:0px;line-height:60px}
.hero-message-text{color:rgb(60,60,60);font-size:16px;letter-spacing:1px;font-weight: 400;line-height:21px;width:80%; margin:36px auto}
.hero-message-btn{display:inline-block;background-color:black;color:white;padding:24px 48px;letter-spacing:1px;line-height:28px;margin:0 auto;font-weight:700;border-radius: 50px;cursor:hand;}
.hero-message-btn::after{content:'Write Something'}
.hero-message-btn:hover::after{content:'Comming Soon!'}