@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Oswald:wght@700&display=swap');

#topo{
    background-color: #ddff1b;
    border-bottom: 3px solid #061724;
    position: fixed;
    top: 0;
    z-index: 99;
}
#carousel{margin-top: 100px;}
.carousel-caption{
    font: 'Oswald', sans-serif;
    text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000, 2px 2px 2px rgba(0,0,0,0);
}
#obs{
    float: left;
    position: relative;
    top: -15px;
    text-align: center;
    width: 100%;
    height: 0;
    z-index: 9;
}
.card:hover{
    box-shadow: black 0 0 5px;
}
.zoom{
    overflow: hidden;
}
.zoom img{
    transition: all 1s ease;
}
.zoom:hover img{
    transform: scale(1.2);
}
.bg-laranja{
    background-color: #E56537;
}
.tarja-instagram{
    /*background-image: url("../imgs/bg_tarja.jpg");*/
    background-color: #061724;
}
.tarja-instagram a{
    color: #FFF;
}
.tarja-instagram a:hover{
    color: #ddff1b;
    text-decoration: none;
}
.bg-laranjafraco{
    background-color: #e5653715;
}
.cor-marcelo{ font-family: 'Kaushan Script', cursive; color: #E57D02; font-size: 40px;}
.cor-sushi{color: #061724; font-size: 20px;}
@media (max-width : 576px) {
    #carousel{margin-top: 220px;}
    .cor-marcelo{ font-family: 'Kaushan Script', cursive; color: #E57D02; font-size: 28px;}
    .cor-sushi{color: #061724; font-size: 18px;}
    }
.desenvolvedor a {
    color: #9b9797;
}
.desenvolvedor a:hover {
    color: #5a5858;
}

/*
body::before {content: "xs"; position: fixed; top: 0; right: 0; z-index: 9999999; background-color: #000; color: #FF0; padding: 2px; text-align: center; border-radius: 50%; width: 30px; height: 30px;}
@media (max-width : 576px) { body::before { content: "xs"; }}
@media (min-width: 576px) and (max-width:768px) { body::before { content: "sm"; }}
@media (min-width: 768px) and (max-width:992px) { body::before { content: "md"; }}
@media (min-width: 992px) and (max-width:1200px) { body::before { content: "lg"; }}
@media (min-width: 1200px) { body::before { content: "xl"; }}
*/