.container{display:flex;overflow:hidden}.left{display:flex;flex-direction:column;background-color:#303030;width:40vw;padding-left:10%;padding-top:8%}.right{background-color:#484848;height:70vh;width:50vh;display:flex;overflow:hidden}.form-group{display:flex;align-items:center;margin-top:5%}label{width:30%;margin-left:10%}.custom{margin-top:0;margin-left:20%}.inp{display:inline-block;width:20%;margin-left:10%;background-color:beige;box-sizing:border-box}.btn{width:80%;background-color:#5f9ea0;border:2px solid blue;height:10%;margin-top:10%}.output{margin-top:50%;margin-left:25%;word-wrap:break-word;overflow-block:auto;margin-right:25%}@media only screen and (max-width: 600px){.container{display:inline-block;margin-top:0}.left{width:80vw!important;margin-bottom:20px;margin-left:10%;margin-top:5%}.btn{margin-bottom:5px}.custom{margin-left:10%}}body{background-image:url(https://github.com/MR-VL/CustomFizzbuzzGui/blob/master/src/Assets/bubbles.gif?raw=true);background-color:#00f;color:#fff;display:flex;justify-content:center;padding-top:10vh;margin:0}@media only screen and (max-width: 600px){body{padding-top:5vh}}