@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap);html{font-family:Montserrat,sans-serif}.container{margin:auto;width:800px}.tabs{margin-top:50px}.tabs-header{align-items:center;display:flex;justify-content:space-between}.tabs-list{text-align:right}.tabs-list__item{color:gray;cursor:pointer;display:inline-block;font-weight:600;padding:15px 25px;text-align:center;text-transform:uppercase}.tabs-list__item.active{color:red}.tabs-content{border:2px solid #ccc;border-radius:7px;display:flex;justify-content:space-between;padding:50px}.font-name{font-weight:500;padding-left:20px;position:relative}.font-name:before{background:#aaa;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:4px;width:8px}.font-item{width:25%}.font-item .square{background:#fff;border:1px solid #000;border-radius:15px;display:inline-block;height:100px;padding:3px;width:100px}.font-item .square .letter{align-items:flex-end;background:#00a653;border-radius:12px;color:#ffffff40;display:flex;font-size:30px;font-weight:700;height:calc(100% - 6px);padding:3px}.font-item .square .letter span{margin-bottom:10px;margin-left:12px}.font-item .square .letter.green{background:#00a653}.font-item .square .letter.pink{background:#fe7fc3}.font-item .square .letter.blue{background:#046dff}.font-item:first-child{width:40%}.font-item:first-child .square{height:150px;width:150px}.font-item:first-child .square span{font-size:50px}
/*# sourceMappingURL=main.0593d87c.css.map*/