body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color: #3c1053;--n1: 300px;--n2: 150px;--negative: -150px}.App{width:100%}.logo{width:100%;min-height:600px;display:grid;align-items:center}.logo .container{text-align:center;margin:0 auto;justify-content:center;align-content:center;display:flex;max-width:1000px;padding:4em}.logo .container svg{color:#333;fill:#333;width:100%;height:auto}.logo .container img{max-width:100%;height:auto}.logo .o{height:var(--n1);width:var(--n1);border-radius:100%;border:var(--n2) solid var(--color);background-color:transparent;position:relative;z-index:3;margin-bottom:var(--n2)}.logo .o:before{background-color:var(--color);width:var(--n2);height:var(--n1);content:"";display:block;position:absolute;left:var(--negative);top:50%;z-index:1}.logo .o:after{display:block;content:"";background-color:var(--color);width:var(--n2);height:var(--n2);border-radius:0 0 0 100%;position:absolute;bottom:-100%;z-index:2;left:var(--negative)}