*{content:"";margin:0;clear:both;box-sizing:border-box;font-family:"Montserrat",sans-serif;font-size:18px}body{background:rgba(0,0,100,.1)}header{min-width:100%;height:100px;background:#222;color:#eee;font-size:1rem}header h1{font-size:1.2rem;font-weight:200;margin:0px 15px;padding-top:10px}header #hdr{font-family:monospace;font-size:.8rem;margin-top:20px;margin-left:5px;max-width:80%;word-break:normal}.flex-container{position:absolute;top:102px;left:2px;width:80%;min-height:83vh;display:flex;border:2px solid red}.flex-container .flex-item{width:175px;height:auto;background:rgba(173,80,80,.5);margin:20px;font-size:.8rem;padding:5px}.flex-container .flex-item::before{content:"Flex item \a";white-space:pre}.flex-container .flex-item:nth-child(3){font-size:2rem;word-break:break-all}.sidebar{background:#222;color:#eee;width:250px;min-height:80%;position:absolute;top:110px;right:0;padding:10px}.sidebar div{margin:5px 0}.sidebar .wrapper{border:.5px solid #eee;padding:5px}.sidebar .wrapper#align::before{content:"Align Items (Cross) \a";white-space:pre}.sidebar .wrapper#justify::before{content:"Justify Content (Main) \a";white-space:pre}.sidebar .wrapper#resize::before{content:"Flex Wrap \a";white-space:pre}input[type=radio]{width:20px;height:20px;position:relative;top:4px;margin:0 5px}label{cursor:pointer}.btn,.mBtn{width:150px;display:block;margin:10px auto;background:rgba(200,0,200,.5);color:#eee;border:none;border-radius:25px;padding:5px;cursor:pointer}.btn:hover,.mBtn:hover{transition:.15s;background:#9c7625}#show{position:fixed;top:10px;right:10px}#mainAxis{position:absolute;top:50%;width:100%;height:2px;background:red;z-index:10;color:red;font-size:.8rem;font-style:italic}#mainAxis::before{content:"Main"}#crossAxis{position:absolute;left:50%;height:100%;width:2px;background:red;z-index:10;color:red;font-size:.8rem;font-style:italic;padding-left:2px}#crossAxis::before{content:"Cross"}.modal{display:block;position:absolute;top:0;left:0;min-height:100%;min-width:100%;background:#111;color:#eee;z-index:100}.modal h1{font-size:1.6rem;font-weight:200}.modal .modal-inner{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex-direction:column;width:90%;margin:50px auto 0 auto;padding:10px;font-size:1rem;background:#111}.modal .modal-inner p{margin:auto;width:35rem;font-size:1.1rem;padding:10px;line-height:1.2}.modal .mBtn{position:fixed;bottom:10px;left:50%;transform:translateX(-50%)}.fcText{position:absolute;top:102px;left:4px;font-size:.8rem;color:red}.mono-blue,.mono-orange{font-family:monospace;color:#8989f5;font-size:1.1rem}.mono-orange{color:orange}a{text-decoration:none}/*# sourceMappingURL=main.css.map */