*{
    margin: 0;

    padding: 0;

    font-family: monospace;
}

.container{

    width: 100%;

    height: 100vh;

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(93, 90, 90, 0.7)),url("img/background.png");

    background-position: center;

    background-size: cover;

    padding-left: 8%;

    padding-right: 8%;

    box-sizing: border-box;
}

.navbar{

    height: 12%;

    align-items: center;

    display: flex;
}

.logo{

    width: 50px;

    cursor: pointer;
}

.menu_icon{

    width: 30px;

    cursor: pointer;

    margin-left: 40px;
}

nav{

    flex: 1;

    text-align: right;
}

nav ul li{

    list-style: none;

    display: inline-block;

    margin-left: 60px;
}

nav ul li a{

    text-decoration: none;

    color: aliceblue;

    font-family: monospace;

    font-size: 14px;
}

.row{
    display: flex;

    height: 88%;

    align-items: center;
}

h1{
    color: lemonchiffon;

    font-size: 80px;
}

.main_text{
    color: lemonchiffon;

    line-height: 25px;

    font-size: 18px;

    font-family: "MS UI Gothic";

    font-weight: bold;

    box-sizing: content-box;
}

.col{
    flex-basis: 50%;
}

button{

    width: 180px;

    color: #000;

    font-size: 14px;

    padding: 12px 0;

    background: #fff;

    border: 0;

    border-radius: 20px;

    outline: none;

    margin-top: 30px;
}
.data_card{

    width: 200px;

    height: 230px;

    display: inline-block;

    border-radius: 10px;

    padding: 15px 25px;

    box-sizing: border-box;

    cursor: pointer;

    margin: 10px 15px;

    background-position: center;

    background-size: cover;

    transition: transform 0.5ms;
}

.person_1{

    background-image: url("img/pic-1.png");
}

.person_2{

    background-image: url("img/pic-2.png");
}

.person_3{

    background-image: url("img/pic-3.png");
}

.person_4{

    background-image: url("img/pic-4.png");
}

.data_card:hover{

    transform: translateY(-10px);
}

.sub_text{

    font-weight: bold;

    font-family: monospace;

    font-size: medium;

    margin-bottom: 10px;

    margin-top: 80px;

    color: aliceblue;
}

h5{
    font-weight: bold;

    font-size: large;
}