@font-face {
    font-family: 'venice';
    src: url(Fonts/VeniceClassic.ttf);;
}

@font-face {
    font-family: 'daydream';
    src: url(Fonts/Daydream.ttf)
}

body {
    font-family: 'venice';
    font-size: 19px;
    background-image: url(../css/bgs/rain2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    

}

nav, aside, main {
    background-color: rgba(220, 255, 233, 0.25);
    border: 3px solid rgba(29, 255, 217, 0.15);
    backdrop-filter: blur(5px);
}

a:link, a:visited {
    color: rgb(182, 255, 231);
    text-shadow: 1px 1px 5px rgb(121, 248, 116);
}

a:hover {
    color: rgb(169, 255, 10);
}

#container {
    width: 1100px;
    margin: auto;
}

.side {
    width: 200px;
    padding: 20px;
    margin: auto;
    float:right
}

.side2 {
    margin: auto;
    float: right;
    padding: 20px;
}
main {
    width: 800px;
    height: 500px;
    
}

.frog {
    position: fixed;
    bottom: 0;
    right: 0;
}

audio {
    opacity: 0.50;
}