body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{margin:30vh auto;text-align:center;width:30%}h2{margin-top:20px}:root{--x:0;--y:0}.treehouse-frog{background:#92ae57;border-radius:50%;height:0;padding-top:60%;position:relative;width:100%}.treehouse-frog [class*=eye]{background:#ffe13b;border:10px solid #92ae57;border-radius:50%;height:68.18%;left:-4.54%;position:absolute;top:-18.18%;width:45.45%}.treehouse-frog .right-eye{left:auto;right:-4.54%}.treehouse-frog [class*=eye]:before{background:#000;border-radius:50%;content:"";height:38%;left:50%;margin-left:-17.2%;margin-top:-19%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(calc(-50% + 90px*(var(--x))),calc(-50% + 90px*(var(--y))));transform:translate(calc(-50% + 90px*(var(--x))),calc(-50% + 90px*(var(--y))));transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:35%}.treehouse-frog:after,.treehouse-frog:before{background:#6f8346;border-radius:50%;content:"";height:10%;left:43.93%;position:absolute;top:56.81%;width:6%;z-index:1}.treehouse-frog:after{left:52.12%}.treehouse-frog .mouth{height:50%;left:1.7%;overflow:hidden;position:absolute;top:60%;width:100%}.treehouse-frog .mouth:after,.treehouse-frog .mouth:before{background:#71803f;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:-50%;width:97%}.treehouse-frog .mouth:after{background:#92ae57;height:80%;left:0;top:-40%}
/*# sourceMappingURL=main.22d25979.css.map*/