@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,500,600,700&display=swap&subset=devanagari');
body {
	font-family: 'Rajdhani', sans-serif;
}
nav{
    font-weight: bold;
    background: #003366;
}
nav a, nav a:hover, #link{
    color: white;
}
#link:hover{ 
	border: 1px solid white;
	padding: 2px 10px;
	border-radius: 20px;
}
footer{
    font-weight: bold;
    background-color: #003366;
    color: white;
}
footer a{
    color: white;
}
footer a:hover{
    color: white;
}
#social-icon{
    font-size: 20px;
    margin: 0px 5px;
}

/* contents */
.top-banner{
    background-image: url("/assets/img/banner.png");
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.top-banner .caption{
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.3); 
    padding: 30px;
}
.features{
    background-color: #003366;
    background-image: linear-gradient(140deg, #000080 0%, #800000 70%);
    background-attachment: fixed;
}
.feature .card{
    background: rgba(255, 255, 255, 0.2);
}
.feature .card:hover{
    border: 1px solid white;
    box-shadow: 0 0 10px #FFFFFF;
}