//ST home

body#hm {
  box-sizing: border-box;
}


#hm-top-div {
position:relative;
height: 80vh;
border-bottom: 2px solid ;

}

#hm-top-div h1#hm-top-head{
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
font-size:2em;
font-family:monospace;
text-align:center;

}

#hm-bott-div #hm-bott-lk-div a.hm-bott-lk {
margin:10px  5px;
display: inline-block;
}


//ND home 



//ST msg
            .msg .msg-main {
                border: solid 1.1px #b3e5e5;
                border-radius: 6px;
                
            }
            .msg .msg-main p:first-child {
                font-style: italic;
                background-color: #d9d9d9;
                margin: 20px 0;
                border-radius: 5px 5px 0 0;
                padding: 10px 12px;
                font-size: 1.5em;
            }
            
                textarea {
display: block; 
margin: 10px auto;
width: 85%;
padding: 10px;

}
            
            .msg .msg-main .msg-inputs input, textarea {
                display: block;
padding: 20px 15px;
margin: 30px auto 0 auto;
width: 80%;
border: solid lightGray;
border-bottom: 2px solid gray;
border-radius: 10px;
background-color: #dddddd22;
 2px solid gray;


            }

            .msg .msg-main .msg-inputs input::placeholder, textarea::placeholder{
font-size: 18px;
font-family: georgia;
}


             .msg .msg-main .msg-inputs #submit-msg {
display: block;
padding: 15px 20px;
width: 85%;
border: none;
border-bottom: 2px solid gray;
border-radius: 10px;
background-color: #55cabcee;
font-weight: bold;
font-size: 1rem;
margin-top: 30px;

             }
             .msg .msg-main .msg-inputs #submit-msg:active {
                 background-color: #22b9ad;
             }
//ND msg