header{width:100vw;position:fixed;top:0;z-index:999;box-shadow:0 1px .625rem 0 rgba(52,56,60,.06),0 .125rem .25rem 0 rgba(52,56,60,.08);background:#fff}.set-width{width:auto;justify-content:center;position:relative;z-index:99}.container-1,.set-width{display:flex;align-items:center}.container-1{width:1100px;flex-direction:row;justify-content:space-between;padding:10px 20px 10.5px 20px;background:#fff}.logo{padding:10px;color:#1a1a1a;font-size:2rem;font-family:Urbanist,Arial,Helvetica,sans-serif;font-weight:900}.logo span{background:#f0db4f;padding:13px 5px 1px 13px;font-size:24px;position:relative;top:3px}.nav{color:#333;padding:10px;font-family:Urbanist,Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:600;padding:0}.nav button{margin-left:15px}.container-links{width:auto;display:flex;justify-content:center;align-items:center}.set-width-links{width:1100px;display:grid}.sub-nav{position:fixed;right:auto;top:78px;background:#fff;z-index:9;justify-self:flex-end;width:180px;box-shadow:0 1px .625rem 0 rgba(52,56,60,.06),0 .125rem .25rem 0 rgba(52,56,60,.08);text-align:end;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.sub-nav nav{display:flex;flex-direction:column}.sub-nav nav a{text-decoration:none;color:#1a1a1a;font-family:Urbanist,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;padding:10px}.sub-nav nav a:hover{background:#f5f5f5;padding:10px}.body-mod{overflow:hidden}footer{width:auto;justify-content:center;margin-top:40px}.container-2,footer{display:flex;align-items:center}.container-2{width:1100px;flex-direction:row;justify-content:space-between;padding:20px;font-family:Urbanist,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500}.copyright,.footer-links{padding:10px}.footer-links a{color:#1a1a1a;text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright a{text-decoration:none;color:#1a1a1a}.copyright a:hover{text-decoration:underline}@media screen and (max-width:768px){.container-2{flex-direction:column}}:root{--vue:#42b883;--vue-secondary:#35495e;--fundamentals:#f0db4f;--fundamentals-secondary:#1a1a1a;--methods:#f0db4f;--methods-secondary:#1a1a1a;--objects:#f0db4f;--objects-secondary:#1a1a1a;--functions:#f0db4f;--functions-secondary:#1a1a1a;--dark:#1a1a1a;--light:#fff}.inactive{opacity:.2}.container-main{width:auto;height:75vh;display:flex;justify-content:space-around;align-items:center;margin:78px 0 0 0;padding:40px 40px 20px 40px}.container-inner{width:100%;flex-direction:row}.container-inner,.next-card,.prev-card{display:flex;justify-content:center;align-items:center}.next-card,.prev-card{width:5%;padding:10px;height:100%;position:fixed;left:0;top:0;background:#f5f5f5a3;font-weight:600;font-size:40px;color:#b6b6b6}.next-card{left:auto;right:0;top:0}.next-card:hover,.prev-card:hover{background:var(--fundamentals);color:#fff;cursor:pointer}.card-container{width:90%;display:flex;justify-content:center}.card{width:420px;height:520px;perspective:1000px;position:relative}.card-inner{width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;cursor:pointer;position:relative}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:10px;box-shadow:2px 0 .625rem 2px rgba(52,56,60,.06),0 .125rem .25rem 0 rgba(52,56,60,.08)}.card-face-front{background:var(--card-face-front)}.card-face-back,.card-face-front{display:flex;justify-content:center;align-items:center;flex-direction:column}.card-face-back{transform:rotateY(180deg);background:#fff}.card-category{align-self:center;color:#1a1a1a;font-family:Urbanist,Arial,Helvetica,sans-serif;font-size:30px;font-weight:800;color:#fff;padding:15px 30px;position:absolute;top:0;background:var(--card-category);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.card-title{color:#fff;font-family:Special Elite,Arial,Helvetica,sans-serif;font-size:30px;line-height:1.4em;width:80%}.card-answer,.card-title{justify-content:center;display:flex;word-break:break-word}.card-answer{align-items:center}.card-answer,.flip-prompt{flex-direction:column;color:var(--dark);padding:20px}.flip-prompt{display:flex;position:absolute;bottom:0;font-size:14px;font-weight:700}.flip-prompt i{font-size:25px;padding-bottom:10px}.answer-prompt{display:flex;flex-direction:row;justify-content:space-around;align-items:end;width:100%;position:absolute;bottom:0}.correct,.wrong{width:100%;padding:10px;color:#fff;font-size:30px}.wrong{background:#f84f31}.correct{background:#23c552}.fa-solid.fa-check,.fa-solid.fa-xmark{pointer-events:none}.container-history{width:auto;display:flex;justify-content:center}.history-inner{width:1100px}.history-card{width:auto;display:flex;justify-content:space-between;align-items:center;margin:20px;padding:0;box-shadow:0 1px .625rem 0 rgba(52,56,60,.06),0 .125rem .25rem 0 rgba(52,56,60,.08);border-radius:6px;font-size:18px;background:#fff}.card-status{background:#f5f5f5;padding:20px;cursor:pointer}.card-details{padding:20px}@media screen and (max-width:768px){.history-card{width:75%;margin:20px auto}}body{margin:0;overflow-x:hidden}button{border:2px solid #1a1a1a;border-radius:5px;padding:8px 20px;font-size:17px;font-weight:600;font-family:Urbanist,Arial,Helvetica,sans-serif;cursor:pointer}button,button:hover{background:#fff;color:#1a1a1a}button:hover{border:2px solid #1a1a1a}h3{font-size:30px;margin:0;color:#b6b6b6}#app{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAjCAQAAADRPYmtAAAAbklEQVR4Ae2TwQpCMQwEJ7GI/mj+/yKoNYmnwuJReIfC21uZhcCwtVcUxcqN4sPKlbcwm6HwTjOlOoXZI6BZGTQpr6T3rKYawFF1AxdmFarn8uPVhdkz9KSBnsTJnar/yDqXdcA3PJd1wDfcb1lf6wfYiJD/SscAAAAASUVORK5CYII=);background-repeat:repeat;font-family:Urbanist,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#1a1a1a;font-size:18px;font-weight:500}.hidden{display:none}