@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;500;700&display=swap');
html,
body {
    font-family: 'Tajawal', sans-serif;
    font-style: normal;
    color: #86b7fe;
    background-color: #060c09;
}

.title2 {
    font-size: 1.3rem;
    border-radius: 50px;
    box-shadow: 3px 2px 7px 7px #ffc107;
    padding: .5rem 1rem;
}

.banner-section {
    background-image: url(../img/wallpaper.webp);
    background-size: cover;
    padding-top: 160px;
}

.important-link {
    border-radius: 10px 20px;
    background: #dc3545;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    text-align: center;
    vertical-align: middle;
}

a {
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: #fff;
    text-decoration: none;
    outline: none
}

a:focus {
    outline: thin dotted;
    outline: none
}

a:hover,
a:active {
    outline: 0
}

img {
    height: auto;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    clear: both;
    line-height: 1.4;
    font-weight: 700;
}

h1 {
    font-size: 1.7rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: 1.3rem;
}

h5 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    color: #fabf48;
}

.entry-content {
    background: rgb(3 25 14);
    box-shadow: 0 0 60px rgb(35 58 17);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-top: 10px;
    border-radius: 10px 20px;
}

.entry-content a {
    border-radius: 10px 20px;
    background: #060c09;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-align: center;
    vertical-align: middle;
}

.subtitle {
    background: rgb(9 29 19);
    box-shadow: 0 0 60px rgb(18 7 7);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 10px 20px;
    margin-bottom: 20px;
    text-align: center;
}

.entry-content h3 {
    background: rgb(7 15 9);
    box-shadow: 0 0 60px rgb(78 205 13 / 20%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px 20px;
    padding: 0.5rem 1rem;
}

.featured-snippets {
    background: rgb(7 15 9);
    box-shadow: 0 0 60px rgb(78 205 13 / 20%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px 20px;
    padding: 0.5rem 1rem;
}

.bg-mov {
    background: rgb(8 8 8 / 53%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 0 10px rgb(255 255 255 / 10%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.bg-moon {
    background: rgb(10 18 14);
    box-shadow: 0 0 60px rgb(106 79 98 / 20%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.rounded2 {
    border-radius: 1.25rem;
}

.border2 {
    border: 4px solid #13201b;
}

.bd2 {
    box-shadow: 0 0 60px rgb(15 28 16);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.lab-thumb img {
    margin-bottom: 1.5rem;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    color: #f6eb25;
    font-weight: 700;
}

footer ul.quick-links li {
    line-height: 2rem;
    box-shadow: 0 0 60px rgb(163 122 150 / 20%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}