.foo{float:left;width:20px;height:20px;margin:5px;border:1px solid rgba(0,0,0,.2)}.blue{background:#13b4ff}.purple{background:#ab3fdd}.wine{background:#ae163e}.redtriangle{width:0;height:0;border-style:solid;border-width:20% 40% 0 0;border-color:#e10615 transparent transparent}.flex-rectangle{width:100%;background:#fff;opacity:.7}.flex-rectangle:before{content:"";display:block;padding-top:6%}.whiterectangle{float:left;width:1920px;height:120px;background:#fff;opacity:.7}.triangle-up-left{width:0;height:0;padding-bottom:50%;padding-left:50%;overflow:hidden}.triangle-up-left:after{content:"";width:0;height:0;display:block;margin-left:-800px;border-bottom:100px solid transparent;border-left:200px solid #e10615}.triangle{width:40%;padding:40% 0 0;overflow:hidden;position:fixed;top:0;left:0}.triangle:after{content:"";display:block;position:absolute;right:0;top:0;width:0;height:0;border-top:1500px solid transparent;border-bottom:1500px solid transparent;border-left:3000px solid #e10615;margin-top:-1500px}.flex-rectangle-news{width:100%;background:#000;opacity:.7}.flex-rectangle-news:before{content:"";display:block;padding-top:6%}