body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-image: linear-gradient(to bottom, #204b91, #132138);
    background-repeat: no-repeat;
    background-size: 100% 100vh;
} 

.hnews {
    display: flex;
    justify-content: center;
    color: aqua;

}
.hprices {
    display: flex;
    justify-content: center;
    color: aqua;

}

table { 
    border-spacing: 2000; 
    border-collapse: collapse; 
    background:white;
    border-radius:6px;
    overflow:hidden;
    max-width:1200px; 
    width:200%;
    margin:0 auto;
    position:relative;
}

.header {
    background-color: skyblue;
    font-size: 30px;
    
}

.hello, td{
    height:48px; border-bottom:1px solid #0f56c0d8 ;
    font-size: 19px;
}

h1 {
    margin-top:  20px;
    font-size: 50px;
}

.navhead {
    display: flex;
    background-color: transparent; 
    justify-content: center;
    align-items: center;
    padding: 20px; 

}
  
.ratech {
    margin: 5px; 
    flex-grow: 1; 
    font-size: 45px;
    text-align: center; 
    color: skyblue; 
}

.dratech {
    margin: 5px; 
    flex-grow: 1; 
    font-size: 45px;
    text-align: center; 
    color: #09389ca9; 
}

.nav-bar {
    display: flex; 
    align-items: center; 
}

.nav-list {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    display: flex; 
}


.nav-item {
    margin-right: 10px; 
    font-size: 18px;
    font-weight: bold;
    color: skyblue;
}

.dnav-item {
    margin-right: 10px; 
    font-size: 18px;
    font-weight: bold;
    color: #09389ca9;
}

.nav-item a {
    color: skyblue; 
    text-decoration: none; 
    padding: 10px; 
    border-radius: 15px;
    background-color: transparent; 
    transition: background-color 0.6s ease; 
}

.dnav-item a {
    color: #09389ca9; 
    text-decoration: none; 
    padding: 10px; 
    border-radius: 15px;
    background-color: transparent; 
    transition: background-color 0.6s ease; 
}

.nav-item a:hover {
    background-color: skyblue; 
    color: #09389ca9;
    box-shadow: 4px 4px 3px #0772c940;
}

.dnav-item a:hover {
    background-color: #0772c940; 
    color: #204b91;
    box-shadow: 4px 4px 3px #05457a40;
}
.logo {
    margin-left: 10px; 
    width: 120px;
    height: 90px;
}
.dronie {
    width: 200px;
    height: 150px;
}

footer {
    color: #0f56c0d8;
    text-align: center;
    background-color: transparent;
    padding: 10px;
    margin-top: auto;
}

.vidcon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.vid {
    height: 80vh;
    width: 80vw;
}

.aboot {
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}