html{
    scroll-behavior: smooth;
}
:root{
    --width: 100vw;
}
body{
    background:linear-gradient(to bottom, rgb(0,0,62) 50%, navy); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}
.Hs{
    position: relative;
    float: left;
    width: var(--width);
    aspect-ratio: 6/3;
    background-image:linear-gradient(to bottom,rgb(0,0,128,0.6),rgb(0,0,62,0.6)), url("light4law\ image\ 1.png"); 
    background-repeat: no-repeat;
    background-size: cover;
    left: 0px;
    border: none;
}
.Hs1{
    text-align: center;
    line-height: 75px;
    font-size: 75px;
    margin-top: 200px;
    margin-bottom: 0px;
    color: rgb(252, 248, 3);
    font-family: 'Nunito', sans-serif;
}
.Hs2{
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    margin-top: 1px;
    color:rgb(255, 254, 254);
    font-family: 'Nunito', sans-serif;    
}
.Hs3{
    clear: both;
    width:100vw;
    aspect-ratio: 6/6;
    background:linear-gradient(to bottom, rgb(0,0,62) 50%, navy); 
}   
.Hs4{
    float:left;
    position:relative;
    border-radius: 50%;
    background-image: url(images/IMG_1889.jpeg);
    width:30vw;
    height:50vh;
    margin:10vw;
    background-color: rgb(249, 212, 45);
    border: brown 2px solid;
    line-height: 30vw;
    text-align: center;
    background-size: contain;
}
.Hs5{
    float:right;
    margin-right: 10vw;
    width:30vw;
    height:50vh;
    color:white;
    line-height: 30vw;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}
.Hs6{
    line-height: 3vw;
    margin-top: 18vw;
    font-family: 'Nunito', sans-serif;
}
hr{
    height: 40vh;
    width: 5px;
    float: left;
    background-color: gold;
    position: relative;
    line-height: 50vw;
    margin-top: 6vw;
    font-family: 'Nunito', sans-serif;
}
.Hs7{
    width:50vw;
    clear:both;
    float:left;
    color: white;
    font-family: 'Nunito', sans-serif;
}
.Hs8{
    margin-top:10vw ;
    font-size: 30px;
    clear:both;
    color: gold;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}
.Hs9{
    margin-top: 10vw;
    font-size: 40px;
    clear:both;
    color: white;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}