main{
    display:contents
}
main>.container{
    margin-bottom:2.8rem
}

.head-container{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-left: 20px;
    padding-bottom: 30px;
}

.container{
    padding-left: 50px;
    padding-right: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 1200px;
    align-self: center;
}

#discord-container{
    width:100%;
    color:white;
    height:650px;
    background-color:#212121
}

#discord-container iframe{
    width:100%;
    height:420px;
    position:relative;
    bottom:-25px;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    margin:auto;
    display:block
}

#discord-container .main{
    height:170px;
    background-color:#6881D8;
    background-size:150px;
    display:flex
}

#twitch-container{
    width:100%;
    color:white;
    height:570px;
    background-color:#212121
}

#twitch-container iframe{
    width:100%;
    height:370px;
    position:relative;
    bottom:-20px;
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    margin:auto;
    display:block
}

#twitch-container .main{
    height:150px;
    background-color:rgb(99, 50, 179);
    background-size:150px;
    display:flex
}

#twitter-container{
    width:100%;
    min-height:300px;
    background-color:#212121;
    color:white
}

#twitter-container img
{
    width:10rem;
    display:block;
    margin:0 auto;
    height: 130px;
}

#twitter-container .row_container{
    width:100%;
    height:150px;
    background-color:#1DA1F2;
    color:white;
    margin-bottom: 20px;
}

#twitter-container #row_container_twitter-timeline-container #twitter-timeline{
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    max-height:550px;
    overflow:auto;
    background-color:white;
    margin-bottom:50px;
}

@media only screen and (max-width: 800px){
    .container{
        padding: 20px 20px;
    }
    .container h1{
        font-size: 1.5rem;;
    }
    .head-container h1{
        font-size: 2rem;
    }
}

@media only screen and (max-width: 550px) {
    .container {
        padding: 5px;
    }
}