body {background-image: url(tlo.gif);
background-repeat: repeat;
background-attachment: fixed;
zoom:300%;
scrollbar-color: rgba(3, 0, 207, 0.795) rgba(150, 12, 12, 0.418);
}
@media (max-width: 768px) {
body {zoom: 100%;}
}


.logo{background-color: rgba(81, 255, 0, 0.726); 
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: fit-content;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 7px} 

.navbar{background-color: rgba(255, 119, 248, 0.932);
display: flex;
flex-wrap: wrap;
gap: 12px;
width: fit-content;
max-width: 100%;
padding: 8px 14px;
border-radius: 7px;
align-items: center;
justify-content: center;
} 

.contact{background-color: rgba(47, 60, 241, 0.932);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    padding: 8px 14px;
    border-radius: 7px;} 
.yt{background-color: rgba(115, 47, 241, 0.932);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    padding: 8px 14px;
    border-radius: 7px;} 
.about{background-color: rgba(165, 2, 2, 0.932);
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        width: fit-content;
        max-width: 100%;
        padding: 8px 14px;
        border-radius: 7px;} 
        


        .full{background-color: rgba(255, 246, 116, 0.932);
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 12px;
            width: fit-content;
            max-width: 100%;
            padding: 8px 14px;
            border-radius: 7px;} 
            .full2{background-color: rgba(255, 44, 192, 0.603)
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                gap: 12px;
                width: fit-content;
                max-width: 100%;
                padding: 8px 14px;
                border-radius: 7px;} 
.footer{background-color: rgba(206, 0, 195, 0.418);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: fit-content;
    max-width: 100%;
    padding: 8px 14px;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    } 
    