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}:root{--highlight1:#dcdcdc;--highlight2:#424242;--blackOrWhite1:#000;--blackOrWhite2:#fff;--lightblack:#959595;--commonbuttonwidth:200px;--commmonbuttonheight:65px;--commonHorizontalMargin:2vw;--commonVerticalMargin:2vh;--lowerQuadrantAlignmentMargin:4rem;--buttoncommoncolor:#f6f6f6;--buttonloginlargescreencolor:#f5f5f5;--navbackgroundcolor:#fff;--navbackgroundimage:url(/static/media/mexican-patterns-5-2.d2efbfaf99f10497c46d.jpg);--navbackgroundimage1:url(/static/media/mexican-patterns-5-2.d2efbfaf99f10497c46d.jpg);--navbackgroundimage2:url(/static/media/mexican-patterns-5-2.d2efbfaf99f10497c46d.jpg);--navtextcolor:#000;--navborder:1px solid #000;--navBurgerColor:#000;--translatesectionbackgroundcolor:#fff;--translatesectionborder:2px solid #d8d8d8;--translatesectionlegendcolor:#3e3e3e;--translatesectionlegendtextsize:1.2rem}amplify-sign-in{background:#000}amplify-sign-up{max-height:600px}html{height:100%}.App{display:flex;flex-direction:column}.App,body{height:100%;width:100%}body{background-color:#fff;background-image:url(/static/media/background.6ec411209105a96dd944.png)}.App-logo{height:40vmin;pointer-events:none}#root{display:flex;flex-direction:column;height:100%}a{text-decoration:none}@media screen and (max-width:992px){.btn{width:30vw}}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Footer{flex-shrink:0}.btn{border:.5px solid #c8c8c8;box-shadow:0 0 8px hsla(0,0%,45%,.5);font-size:16px;height:var(--commmonbuttonheight);margin-left:calc(var(--commonHorizontalMargin)/2);margin-right:calc(var(--commonHorizontalMargin)/2);text-transform:uppercase;width:var(--commonbuttonwidth)}.btn,.btn-logout{background-color:var(--buttoncommoncolor);color:#3e3e3e}.btn-logout{align-self:center;height:38px;width:auto}.btn-delete,.btn-logout{border:.5px solid #ababab;box-shadow:0 0 2px hsla(0,0%,45%,.5)}.button1{background-image:var(--highlight2);border:1px solid #000;box-shadow:0 4px 8px hsla(0,0%,43%,.932);color:var(--blackOrWhite2);font-size:16px;height:var(--commmonbuttonheight);margin-left:calc(var(--commonHorizontalMargin)/2);margin-right:calc(var(--commonHorizontalMargin)/2);text-transform:uppercase;transition:box-shadow .3s;width:var(--commonbuttonwidth)}.button1:hover{background-image:linear-gradient(45deg,var(--highlight2),#f06);box-shadow:0 8px 16px rgba(0,0,0,.3)}.above-nav-border-section{background-color:initial;height:2rem}.below-nav-border-section{background-position:50%;height:4rem}nav{align-items:center;background-color:var(--navbackgroundcolor);box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;height:4rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:auto;z-index:99}nav ul{margin-bottom:0}.in-nav-logo{color:#000;font-size:16px;left:0;margin-left:4rem}.heading,.in-nav-logo{display:flex;letter-spacing:1px;text-transform:uppercase}.heading{align-items:center;flex-direction:row;justify-content:space-evenly;padding:2rem}.heading h1{font-size:3rem}.social-icons{margin-top:20px}.social-icons img{height:1.6rem;margin:10px}.nav-links{justify-content:space-around;width:70%}.nav-links li{list-style:none;transition:all .2s ease-in-out}.nav-links a{color:var(--navtextcolor);font-size:larger;font-weight:400;letter-spacing:2px;text-decoration-thickness:6px}.nav-links li:hover{color:#a3a3a3;cursor:pointer}.burger{display:none}.burger div{background-color:var(--navBurgerColor);height:3px;margin:5px;transition:all .3s ease;width:29px}.nav-item{display:grid}nav .btn-login{align-self:center;height:38px;width:auto}.navbar-indicator-circle{background-image:radial-gradient(circle at center,#ff0,orange,red);border-radius:50%;height:18px;left:-15px;position:relative;width:18px}.navbar-indicator-triangle{align-self:top;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--highlight1);height:0;justify-self:center;width:0}.in-nav-logo{font-size:1.2rem}.nav-links{background-color:#fff;display:flex}.nav-item{list-style:none;position:relative}.nav-link{color:var(--navtextcolor);font-size:larger;font-weight:400;letter-spacing:2px}.dropdown{position:relative}.dropdown-content{background-color:var(--navbackgroundcolor);border-bottom:var(--navborder);border-left:var(--navborder);border-right:var(--navborder);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;left:0;margin:0;min-width:160px;padding:0;position:absolute;top:calc(100% + 5px);z-index:1}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:992px){body{cursor:pointer;overflow-x:hidden}nav{border-top:none;height:3.5rem;justify-content:space-between;margin-right:0;margin-top:0;position:fixed;width:100%}.below-nav-border-section{height:0}.in-nav-logo{margin-left:2rem}.nav-links{align-items:center;background-color:var(--lightblack);color:var(--blackOrWhite2);display:flex;flex-direction:column;height:84vh;justify-content:space-evenly;position:absolute;right:0;top:3rem;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in;width:60%;z-index:2}.nav-links li{opacity:1}.burger{display:block;margin-right:1.7rem}.line1,.line2,.line3{background-color:#000}}.nav-active{-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navLinkFade{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.toggle .line1{background-color:#000;color:#000;-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.footer{align-items:center;background-color:#fff;color:#000;display:flex;flex-shrink:0;height:2.5em;justify-content:center;padding:0 0 0 .6rem}p{margin-bottom:0;margin-top:0}.home{border-radius:.5rem;display:flex;flex-flow:column wrap;flex-grow:1;justify-content:center;padding:4vh 4vw}.home h1{font-size:4em}.home p{padding:0 2vw}.home .btn{align-self:center;background-color:var(--highlight2);border:1px solid #000;color:#fff;height:3.5em;margin-top:3cm;transition:all .2s ease-in-out;width:10rem}.home button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.translate-section{display:grid;flex:1 1;grid-template-areas:"form-left form-right" "button-section button-section";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto;position:relative}.form-left{grid-area:form-left;padding-left:var(--commonHorizontalMargin);padding-right:calc(var(--commonHorizontalMargin)/2)}.form-left,.form-right{background-color:var(--translatesectionbackgroundcolor);border-bottom:var(--translatesectionborder);border-top:var(--translatesectionborder);display:flex;margin-top:2rem;padding-bottom:2rem;padding-top:2rem}.form-right{grid-area:form-right;padding-left:calc(var(--commonHorizontalMargin)/2);padding-right:calc(var(--commonHorizontalMargin))}.translate-section .button-section{display:flex;grid-area:button-section;justify-content:center;margin-top:var(--lowerQuadrantAlignmentMargin)}.form-select{flex-grow:1;height:auto}.translate-section fieldset{background-color:initial;display:flex;flex-grow:1;height:auto}.translate-section fieldset legend{color:var(--translatesectionlegendcolor);font-size:var(--translatesectionlegendtextsize)}@media screen and (max-width:992px){.translate-section{grid-template-areas:"form-left" "button-section" "form-right";grid-template-columns:1fr;grid-template-rows:3fr 1fr 3fr;margin-top:0;top:3rem}.form-left{margin-top:0;padding-right:var(--commonHorizontalMargin)}.form-right{margin-top:0;padding-left:var(--commonHorizontalMargin)}.translate-section .button-section{align-items:center;margin:0;padding:0}}.list-of-words-common-verbs{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:4vh 3vw 0}.pagination{background-color:initial;border-radius:.5em;display:inline-flex;justify-content:center}.pagination:hover{cursor:pointer}.page-link{background-color:#fff;border:1px solid #dee2e6;color:#000;display:block;position:relative;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link:hover{background-color:var(--highlight2);border-color:#dee2e6;color:#fff;z-index:2}.page-item .page-link:active{background-color:aqua}.test-yourself-section{display:grid;flex-grow:1;flex:1 1;grid-template-areas:"s1 s2" "s3 s3";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;position:relative}.test-yourself-section .controls-section{align-items:center;display:flex;flex-direction:column;grid-area:s3}.test-yourself-section .controls-section .button-section{margin-bottom:var(--commonVerticalMargin);margin-top:var(--lowerQuadrantAlignmentMargin)}@media (min-width:769px) and (max-width:992px){.test-yourself-section .test-yourself-section__left h3{font-size:1.4rem;margin:0 0 0 1rem}.test-yourself-section .test-yourself-section__right h3{font-size:1.4rem;margin:0 1rem 0 0}}@media (max-width:768px){.test-yourself-section .test-yourself-section__left h3{font-size:1.2rem;margin:0 0 0 1rem}.test-yourself-section .test-yourself-section__right h3{font-size:1.2rem;margin:0 1rem 0 0}.test-yourself-section .controls-section .btn{width:40vw}}.test-yourself-section .test-yourself-section__left{align-items:center;color:var(--black);display:flex;grid-area:s1;justify-content:center}.test-yourself-section .test-yourself-section__right{align-items:center;color:var(--black);display:flex;grid-area:s2;justify-content:center}@-webkit-keyframes blink{0%,50%{opacity:0}to{opacity:1}}@keyframes blink{0%,50%{opacity:0}to{opacity:1}}.record-audio-buttons{align-items:center;display:flex;grid-area:s3;justify-content:center}.record-audio-buttons,.record-audio-player{margin-bottom:var(--commonVerticalMargin)}.test-yourself-section .controls-section .record-audio-section .btn{margin-left:calc(var(--commonHorizontalMargin)*2);margin-right:calc(var(--commonHorizontalMargin)*2)}.button-content{align-items:center;display:flex;justify-content:center}.circle{background-color:red;border-radius:50%;height:15px;margin-right:5px;width:15px}.blink{-webkit-animation:blink 1s linear infinite;animation:blink 1s linear infinite}.disabled-audio{height:var(--commmonbuttonheight)}.disabled-audio,audio{align-items:center;background-color:#eee;border:1px solid #ccc;border-radius:20px;color:#999;display:flex;justify-content:center;min-width:10em;width:calc(var(--commonbuttonwidth)*2 + var(--commonHorizontalMargin))}audio{height:calc(var(--commmonbuttonheight))}@media (min-width:769px) and (max-width:992px){.disabled-audio,audio{width:calc(60vw + var(--commonHorizontalMargin))}}@media (max-width:768px){.disabled-audio,audio{width:calc(80vw + var(--commonHorizontalMargin))}}.testing-options-section{display:flex;flex-grow:1;justify-content:center}.testing-options-section .form-check{margin:0 1em}.list-of-user-phrases-section{display:flex;flex-direction:column;flex-grow:1;justify-content:space-evenly;margin:0 3vw;position:relative}.list-of-words-user-phrases .btn{background-color:var(--highlight2);border:1px solid #000;color:#fff;margin:2px}.list-of-words-user-phrases .table{margin-bottom:0}th{text-decoration:none;width:25vw}td,th{text-align:center}td{vertical-align:middle}tr{background-color:#fff;border-bottom:1px solid var(--lightblack);border-top:1px solid var(--lightblack);margin:4px 0}.list-of-user-phrases-section .btn-delete{height:auto;margin:3px;width:auto}.table>:not(caption)>*>*{background-color:var(--bs-table-bg);background-image:linear-gradient(var(--bs-table-accent-bg),var(--bs-table-accent-bg));padding:0}legend{background-color:initial;color:#fff;float:none;font-size:2em;padding:3px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:992px){.list-of-user-phrases-section{top:4rem}}.modal-container{align-items:center;border-radius:.5em;display:flex;flex-direction:column;margin:4vh 3vw 3vh}
/*# sourceMappingURL=main.fad2ac1d.css.map*/