@import url("./animate.css");
@import url("./classes.css");

#methodC {
    width: 150px;
}

body {
    background: url("https://wallpapercave.com/wp/wp2568631.jpg");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#wrapper {
    position: fixed;
    background-color: rgba(255,255,255,0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    animation: rollIn 2s;
    left: 12.5%;
    top: 12.5%;
    width: 75%;
    height: 75%;
    border-radius: 25px;
}

#title {
    margin: 5px;
    padding: 5px;
    box-sizing: border-box;
    border: 2px solid green;
    border-radius: 25px;
    background-color: rgba(144, 214, 255, 0.5);
}

#copyright {
    margin: 5px;
    position: relative;
    height: 15px;
    padding: 15px;
    border: 2px solid green;
    border-radius: 25px;
    background-color: rgba(198, 234, 255, 0.5);
}

#content {
    margin: 5px;
    padding: 15px;
    border-radius: 25px;
    height: calc(100% - 110px);
    box-sizing: border-box;
    border: 2px solid green;
    overflow: auto;
}