/* INDEX */
body{
  background-image: url('coding.jpg');
  height: 100vh
}
header, section {
padding: 1%, 5%;
}
header {
text-align: center;
}
h1 {
font-family: 'Montserrat',sans-serif;
font-weight: bold;
color: rgb(255, 255, 255);
font-size: 30px;
line-height: 1;
position: absolute;
top: 45%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%); }
p1 {
font-family: 'Montserrat',sans-serif;
font-weight: bold;
color: rgb(255, 255, 255);
font-size: 65px;
line-height: 0;
position: absolute;
top: 60%;
left: 50%;
}
main {
height: 700px;
}
button a{
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-decoration: none;
line-height: 0.8;
border-radius: 25px;
background-color: #6161bb;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition-duration: 0.4s;
border: none;
color: rgb(255, 255, 255);
padding: 15px 40px;
text-align: center;
font-size: 15px;
position: fixed; left:685px; top:510px;
}
button:hover a{
text-decoration: none;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-color: #4141f7;
border-radius: 25px;
color: white;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
hr-line{
    content:" ";
    display: block;
    height: 3px;
    width: 75px;
    position: absolute;
    top: 40%;
    left: 48.5%;
    background: red;
    }
topleft a{
    color: white;
    text-decoration: none;
    font-size: 50px;
    font-family: sans-serif;
    position: absolute;
    top: 10px;
    left: 20px;
  }

footer {
color: white;
}