.flex{width:90%;margin:auto}.flex p{width:90%;text-align:justify;margin:auto}.div{width:50%;height:10em}.extrainfo{width:18em;height:calc(18em / 1.39);background-color:#0000004a;position:absolute;border-radius:.4em;transition:.4s cubic-bezier(.2,0,.001,1);transform:rotateX(83.85deg) translateY(-0em) translateZ(105px) scale(1);transform-style:preserve-3d;z-index:1000;display:flex;justify-content:baseline;align-items:center;flex-direction:column}.pic{perspective:1000px}.extrainfo.visible{transform:rotateX(0) translateY(0) translateZ(0);transition:.4s cubic-bezier(.2,0,.001,1);opacity:1;background-color:#000000e9;z-index:1000}.extrainfo h6{padding:.1em 1em;margin:0 0 0 1.5em;color:#fff;text-align:left;width:100%;font-size:.95em}.extrainfo h6:nth-child(1){margin-top:.9em}.extrainfo>.date{color:#fff;text-shadow:none;font-stretch:100%;font-weight:400;padding-top:0;position:absolute;bottom:0;transform:skew(-7deg);padding-bottom:.5em;text-align:center}.calculator>.date{color:#fff;text-shadow:none;font-stretch:100%;font-weight:400;padding-top:0;position:absolute;bottom:5em;text-align:center;transform:skew(-7deg)}.classLine{background-color:#fff;color:#000;width:100%}.calculator{width:18em;height:25em;padding-top:1em;background-color:#00000079;z-index:1000;position:absolute;border-radius:.6em;transition:.4s cubic-bezier(.2,0,.001,1);transform:rotateX(81.94deg) translateY(0) translateZ(210px) scale(1);z-index:10000;display:flex;justify-content:baseline;align-items:center;flex-direction:column}.calculator h6{margin:0}.calc{width:90%;margin:1em}.class{position:absolute;top:0;font-family:Mona Sans;text-shadow:black .001em .001em .07em;font-weight:500;font-stretch:125%;color:#fff;font-size:1em;padding:.5em;border-radius:.5em}.alert{color:red;margin:1em;text-shadow:none;font-stretch:100%;font-weight:300;text-align:center;transform:skew(-7deg);font-family:Mona Sans;text-shadow:black .001em .001em .07em;background-color:transparent;font-size:.7em}.calculator.visible{transform:rotateX(0) translateY(0) translateZ(0);transition:.4s cubic-bezier(.2,0,.001,1);background-color:#000;opacity:1;z-index:100000}.calcc{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1em;margin-bottom:1em;width:94.8%}.calcc>.cardButton{margin-top:2em}.button-group{display:flex;justify-content:center;align-items:center;flex-direction:row}.button-group>.cardButton{width:10em;font-size:.8em;padding:.5em 0;border-radius:.5em;margin:.6em .6em 1em}.calc,datalist{border:1px white solid;padding:.4em;border-radius:.5em}.calc p{font-size:.7em}.calcbot{width:100%}.cardButton{width:99%;font-family:Mona Sans;text-shadow:black .001em .001em .07em;background-color:transparent;font-weight:700;font-stretch:125%;color:#fff;font-size:.8em;padding:.5em 0;border-radius:.5em;margin:.7em .7em 0;text-align:center;border:1px white solid;text-transform:uppercase;transition:.1s ease-in-out;-webkit-user-select:none;user-select:none;text-decoration:none}.transform{z-index:100000000000000000;width:95%;transition:.1s ease-in-out;margin-top:0;background-color:#fff;color:#000}.cardButton:hover{background-color:#fff;cursor:pointer;color:#000}.cardButton:active{background-color:transparent;cursor:pointer;color:#fff}.content1{width:90%;margin:auto auto 5em;padding:1em;display:flex;justify-content:center;align-items:self-start;flex-wrap:wrap}.content1>.quote{width:70%;text-align:center}.content1>.quote h6{font-size:1em}.contentCard1{width:18em;height:26em;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2.1em;padding:1em;border-radius:1em;border:1px rgba(255,255,255,.67) solid;position:relative;perspective:1500px;z-index:auto}.contentCard:hover{border-bottom:.1em solid #7af0ea;background-image:linear-gradient(to top,#7af0ea5b,#fff0 30%)}.contentCard1 h4{margin:0;text-align:center;width:100%;padding-bottom:.1em}.carType{color:#fff;background-color:#fff;margin-top:1em;text-transform:uppercase;text-decoration:none;border:1px white solid;transition:.1s cubic-bezier(.2,0,.001,1);font-family:Mona Sans;text-shadow:black .001em .001em .07em;font-weight:700;font-stretch:125%;color:#000;font-size:1.5;padding:.5em;border-radius:.1em;text-align:center;width:90%;opacity:.9}.carType h6{margin:0}.contentCard1 p{margin:0;font-size:.9em;padding:0;overflow-wrap:break-word;width:100%}.contentCard1 img{width:100%;border-radius:.4em;z-index:100;box-shadow:#00000015 4px 4px 12px}.calc p{font-size:.87em;font-weight:400;-webkit-user-select:none;user-select:none;margin-left:.2em}@media only screen and (max-device-width: 767px){.contentCard1{margin-right:0;margin-left:0}}@media only screen and (min-device-width: 768px) and (max-device-width: 1100px){.contentCard1{margin:1em}}@keyframes blurIn{0%{filter:blur(.5em);opacity:0}to{filter:blur(0);opacity:1}}@keyframes blurOut{0%{filter:blur(.5em);opacity:0}to{filter:blur(0em);opacity:1}}.txtTransition{display:inline-block;transition:opacity .4s cubic-bezier(.2,0,.001,1) ease}.txtTransition.open{animation:blurIn .4s cubic-bezier(.2,0,.001,1) forwards}.txtTransition.close{animation:blurOut .4s cubic-bezier(.2,0,.001,1) forwards}
