Task2.css

*
{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    background-color:black;
}
nav 
{
    
    width:100%;
    height:75px;
    line-height:75px;
    padding:0px 100px;
    background-color:black;
}
nav ul
{
    float:right;
}
nav li 
{
    display:inline-block;
    list-style: none;
}
nav li a
{
    font-size:18px;
    color:white;
    padding:0px 30px;
    text-decoration: none;
}
nav li a:hover
{
    color:rgb(77, 168, 243);
}
.name-logo
{
    color:white;
    font-size:40px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
}
.card1
{
    color:white;
    margin:80px;
    background-color:black;
    padding:10px;
    height:30vh;
    width:40vw;
    
}
.name 
{
    font-size:80px;
    margin-top:10px;
    margin-bottom:10px;

}
.para
{
    font-size:20px;
    color:white;
}
.highlight
{
    color:rgb(77, 168, 243);
}
.btn
{
    height:50px;
    width:150px;
    background-color:rgb(65, 168, 252) ;
    color:white;
    padding:5px;
    margin:30px;
    font-size:20px;
    border-radius:10px;
    border-width:0px;
}
.card2
{
    margin:100px;
    margin-top:200px;
    padding:50px;
    background-color: black;
}
.row-direction
{
    display:flex;
    flex-direction: row;
    margin-top:30px;
    margin-bottom:20px;
}
.icon
{
   font-size:50px;
   margin-right:10px;
}
.card3
{
    height:30vh;
    width:15vw;
    background-color: rgb(77, 168, 243);
    padding:10px;
    margin:10px;
}
.heading
{
    background-color: rgb(77, 168, 243);
    font-size:30px;
    font-weight: bold;
    margin-bottom:20px;
}
.para-details
{
    background-color: rgb(77, 168, 243);
    font-size:20px;
    color:white;
    margin-bottom:10px;
}
.education-details
{
    display:flex;
    flex-direction:row;
    margin:20px;
}
.point
{
    height:15px;
    width:15px;
    background-color:rgb(77, 168, 243);
    border-radius: 20px;
    border-width:0px;
    margin-left:30px;
    margin-right:10px;
    margin-top:4px;
}
.bg
{
    background-color:black
}
.sign-card
{
    height:30vh;
    width:90vw;
    background-color:black;
    float:right;
    padding:30px;
}
.sign
{
    height:30vh;
    width:30vw;
    float:right;
}
.signature
{
    color:white;
    font-size:25px;
    font-weight: bold;
    text-align: right;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.col-direction
{
    display: flex;
    flex-direction: column;
}
.icon-size
{
    font-size:20px;
    margin-left:40px;
}
.icon-bg
{
    height:40px;
    width:40px;
    background-color: rgb(77, 168, 243);
    border-radius: 30px;
    border-width: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size:20px;
    margin:10px;
}
.text
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top:20px;
}
.font{
    font-size:50px;
}