*,:after,:before { box-sizing:border-box }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'),
       url('../../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

body,html {
    font-family: 'Roboto';
    font-weight:300;
    font-size:16px;
    background:#f2f2f2;
    color:#2d3737;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%
}

#container {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: radial-gradient(ellipse at center, #FE5F55 10%,#ff0141 100%)
    /*background: radial-gradient(ellipse at center, #FE5F55bb 0%,#FE5F55 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}