.language-toggle[data-v-c1af017d]{position:absolute;right:10px}@media (max-width: 767px){.language-toggle[data-v-c1af017d]{position:absolute;right:15px}}.label-text-left[data-v-c1af017d]{margin-right:5px}.label[data-v-c1af017d]{display:inline-flex;align-items:center;cursor:pointer}@media (max-width: 767px){.label[data-v-c1af017d]{position:absolute;right:5px}}.label-text[data-v-c1af017d]{margin-left:5px;font-family:Play-Regular;color:#000}.toggle[data-v-c1af017d]{isolation:isolate;position:relative;height:7.5px;width:15px;margin-top:4px;border-radius:15px;overflow:hidden;border:1px solid #e6e6e6}.toggle-state[data-v-c1af017d]{display:none}.indicator[data-v-c1af017d]{height:100%;width:200%;background:#474747;border-radius:15px;transform:translate3d(-75%,0,0);transition:transform .3s cubic-bezier(.85,.05,.18,1.35);box-shadow:-8px -4px 8px #fff,8px 4px 12px #fff}.toggle-state:checked~.indicator[data-v-c1af017d]{transform:translate3d(25%,0,0)}.container[data-v-c1af017d]{background-color:#fff;width:100%;height:100px;display:flex;justify-content:center}@media (max-width: 767px){.container[data-v-c1af017d]{background-color:#fff;width:90%;height:100px;display:flex;justify-content:center;margin:10px}}.header-brand[data-v-c1af017d]{width:30px;height:30px;margin-right:235px;padding:20px 0}@media (max-width: 767px){.header-brand[data-v-c1af017d]{width:30px;height:30px;margin-right:280px;padding:20px 0}}.img-icon[data-v-c1af017d]{width:30px;height:30px}@media (max-width: 767px){.img-icon[data-v-c1af017d]{margin-top:12px}}ul.menu[data-v-c1af017d]{padding:0;display:block;position:absolute;top:10px;margin-left:50px;width:fit-content}@media (max-width: 767px){ul.menu[data-v-c1af017d]{margin-top:40px;margin-left:50px;width:100%}}li[data-v-c1af017d]{display:inline-block;list-style:none;padding:0 13px}a[data-v-c1af017d]{font-family:Wan;color:#111;letter-spacing:4px;color:#000;line-height:10px;font-size:8px;text-transform:uppercase;font-weight:700}.russian-font[data-v-c1af017d]{font-family:Play-Regular;color:#111;letter-spacing:4px;color:#000;line-height:10px;font-size:8.5px;text-transform:uppercase;font-weight:700}.show[data-v-c1af017d]{cursor:initial}li.active a[data-v-c1af017d]{padding-bottom:8px;border-bottom:1px solid #e4e4e4}@media only screen and (min-width: 1000px){.img-icon[data-v-c1af017d]{width:30px;height:30px}}.menu[data-v-c1af017d]{transform:translate(-20px);opacity:0;transition:all .3s}.menu.show[data-v-c1af017d]{transform:translate(0);opacity:1}.sliding-enter-active[data-v-c1af017d],.sliding-leave-active[data-v-c1af017d]{transition:all .3s}.sliding-enter[data-v-c1af017d]{transform:translate(-20px);opacity:0}.sliding-enter-to[data-v-c1af017d],.sliding-leave[data-v-c1af017d]{transform:translate(0);opacity:1}.sliding-leave-to[data-v-c1af017d]{transform:translate(-20px);opacity:0}.zoom-wrapper{zoom:1.05;transform-origin:top left;width:fit-content;margin:auto}@media (max-width: 767px){.zoom-wrapper{zoom:1;transform-origin:top;width:100%;margin:auto}}#zoom-buttons{position:fixed;top:30px;right:25px}#zoom-buttons button{background-color:transparent;border:none;border:1px solid black;padding:0 5px}#zoom-buttons button:hover{background-color:#e6e6e6;cursor:pointer}#zoom-in{font-size:20px;font-family:Play-Regular;color:#000}#zoom-out{font-size:20px;font-family:Play-Regular;color:#000;margin-left:3px}@font-face{src:url(/assets/wan-ec88ea65.woff2) format("woff2");font-family:Wan;font-weight:400;font-style:normal;font-display:swap}@font-face{src:url(/assets/Play-Regular-24847cd8.woff2) format("woff2");font-family:Play-Regular;font-weight:400;font-style:normal;font-display:swap}html,body{overflow-x:hidden}body{position:relative}nav ul{list-style:none}*{text-decoration:none}html{scroll-behavior:smooth}body{background-color:#fff}html{background-image:url(/images/codecrecordings.png),url(/images/methuselahrecords.png),url(/images/servos.png),url(/images/ladder.png),url(/images/civlogo.png);background-size:0}body[data-v-2bc97c24]{line-height:1}footer[data-v-2bc97c24],header[data-v-2bc97c24],nav[data-v-2bc97c24],section[data-v-2bc97c24]{display:block}nav ul[data-v-2bc97c24]{list-style:none}a[data-v-2bc97c24]{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}input[data-v-2bc97c24]{vertical-align:middle}.centered-border[data-v-2bc97c24]{margin:0 auto;width:400px;border-top:1px solid #ffffff}.example_c[data-v-2bc97c24]{display:none}img[data-v-2bc97c24]{width:50px;height:50px;float:left}.github-button[data-v-2bc97c24]{margin-top:20px}.wrapper-pro3[data-v-2bc97c24]{margin-top:80px;display:flex;background-color:#fff;justify-content:center;flex-direction:row}.contact-img[data-v-2bc97c24]{height:100%vh;width:100%}.contact-page[data-v-2bc97c24]{background-color:#fff}@media (max-width: 767px){.contact-page[data-v-2bc97c24]{background-color:#fff;margin-left:20px;margin-right:20px}}.contact-page h2[data-v-2bc97c24]{font-family:Wan;height:30%;letter-spacing:4px;color:#000;line-height:10px;font-size:9px;text-transform:uppercase;padding:30px 0 100px;margin:0}.contact-page h3[data-v-2bc97c24]{font-family:Wan;height:30%;letter-spacing:4px;color:#000;line-height:10px;font-size:5px;text-transform:uppercase;padding:10px 0 0;margin:0}.contact-page p[data-v-2bc97c24]{font-family:Wan;letter-spacing:0px;color:#000;line-height:15px;font-size:8px;text-transform:none;padding:15px 0 0;margin:0}.contact-img[data-v-2bc97c24]{padding:0}.second2[data-v-2bc97c24]{order:2;display:inline-block;max-height:500px;overflow:hidden}.wrapper-pro3[data-v-2bc97c24]{padding:0}.second2[data-v-2bc97c24]{order:1}.background[data-v-2bc97c24]{order:2;border-top:1px solid #e4e4e4}.background[data-v-2bc97c24]{display:flex;height:100%}.container[data-v-2bc97c24]{flex:0 1 700px;margin:auto;padding:10px;background-color:#fff;height:230px}@media (max-width: 767px){.container[data-v-2bc97c24]{flex:0 1 700px;margin:auto;padding:0;background-color:#fff;height:230px}}.screen[data-v-2bc97c24]{font-family:Play-Regular;color:#444;letter-spacing:4px;line-height:10px;font-weight:700;font-size:12px;text-transform:uppercase}.screen[data-v-2bc97c24]:after{content:"";display:block;position:absolute;top:0;left:20px;right:20px;bottom:0;z-index:-1}.screen-body[data-v-2bc97c24]{display:flex;z-index:-1}.screen-body-item[data-v-2bc97c24]{flex:1;padding:35px 50px 0}@media (max-width: 767px){.screen-body-item[data-v-2bc97c24]{display:flex;flex-direction:column;padding-right:0;padding-left:20px}}.di[data-v-2bc97c24]{padding-top:15px}.screen-body-item.left[data-v-2bc97c24]{display:flex;flex-direction:column}@media (max-width: 767px){.screen-body-item.left[data-v-2bc97c24]{display:flex;flex-direction:column;padding-right:0;padding-left:0}}.img-gh[data-v-2bc97c24]{padding-top:30px}.app-title[data-v-2bc97c24]{display:flex;flex-direction:column;position:relative}.app-contact[data-v-2bc97c24]{margin-top:15px;font-weight:700;font-size:7px;color:#888}@media (max-width: 767px){.app-contact[data-v-2bc97c24]{margin-top:15px;font-weight:700;font-size:7px;color:#888}}.app-form-group[data-v-2bc97c24]{margin-bottom:15px}.app-form-group.buttons[data-v-2bc97c24]{margin-bottom:0;text-align:right}.app-form-control[data-v-2bc97c24]{width:250px;padding:10px 0;background:none;border:none;border-bottom:1px solid #666;color:#000;font-size:14px;font-family:Play-Regular;outline:none;transition:border-color .2s}@media (max-width: 767px){.app-form-control[data-v-2bc97c24]{width:100%;background:none;border:none;border-bottom:1px solid #666;color:#000;font-size:14px;font-family:Play-Regular;outline:none;transition:border-color .2s}}.app-form-control[data-v-2bc97c24]::placeholder{color:#666;font-family:wan;font-size:8px;letter-spacing:4px}.app-form-control[data-v-2bc97c24]:focus{border-bottom-color:#ddd}h4[data-v-2bc97c24]{margin:0}.app-form-button[data-v-2bc97c24]{font-family:Wan;letter-spacing:1px;color:#000;line-height:7px;font-size:9px;text-transform:none;text-decoration:none;cursor:pointer;background:#ffffff;padding:4px;border:1px solid #000000!important;display:inline-block;transition:all .4s ease 0s}.app-form-button[data-v-2bc97c24]:hover{color:#fff!important;background:#000000;border-color:#000!important;transition:all .4s ease 0s}.small0[data-v-9b545d55],.small0russian[data-v-9b545d55]{margin-top:70px}img[data-v-9b545d55]:hover{cursor:default}.list-wrapper[data-v-9b545d55]{display:flex;justify-content:center;align-items:center;margin:0 auto 100px;min-height:200px}@media (max-width: 767px){.list-wrapper[data-v-9b545d55]{position:relative;left:-15px;display:flex;justify-content:center;align-items:center;height:auto;min-height:300px;max-height:800px;margin:5px 20px 50px 0}.list-wrapper0russian[data-v-9b545d55]{margin-bottom:0}.list-wrapper1russian[data-v-9b545d55],.list-wrapper2russian[data-v-9b545d55],.list-wrapper3russian[data-v-9b545d55]{margin-bottom:100px}}.list-wrapper1[data-v-9b545d55]{margin-bottom:45px}.list-wrapper1russian[data-v-9b545d55]{margin-bottom:25px}.list-wrapper0[data-v-9b545d55]{margin-top:40px}@media (max-width: 767px){.list-wrapper0[data-v-9b545d55]{margin-bottom:70px}}.design2[data-v-9b545d55]{position:relative}.list-wrapper0russian[data-v-9b545d55]{margin-top:40px}@media (max-width: 767px){.list-wrapper0russian[data-v-9b545d55]{margin-top:43px;margin-bottom:100px}}.repo-img img[data-v-9b545d55],.repo-img div[data-v-9b545d55]{height:100%;width:200px;padding:0}@media (max-width: 767px){.repo-img img[data-v-9b545d55],.repo-img div[data-v-9b545d55]{height:100%;width:100px;padding:0}}.repo-img[data-v-9b545d55]:hover{transition:.5s ease}.list-description[data-v-9b545d55]{justify-content:center;align-items:center;width:562px;height:auto;padding-top:0}@media (max-width: 767px){.list-description[data-v-9b545d55]{width:100%;padding-top:0;margin:0;height:auto}}.list-description h2[data-v-9b545d55]{text-align:left;width:50%;font-family:Wan;height:10px;letter-spacing:4px;color:#000;line-height:10px;font-size:9px;text-transform:uppercase;padding:0 0 0 50px;margin:0}@media (max-width: 767px){.list-description h2[data-v-9b545d55]{text-align:left;width:100%;font-family:Wan;height:10px;letter-spacing:4px;color:#000;line-height:10px;padding-top:0;padding-left:0;font-size:9px;text-transform:uppercase;margin:0}}.list-description h3[data-v-9b545d55]{text-align:left;order:0;width:100%;font-family:Wan;height:10px;letter-spacing:4px;color:#000;line-height:10px;font-size:5px;text-transform:uppercase;text-transform:bold;padding:10px 0 0 50px}@media (max-width: 767px){.list-description h3[data-v-9b545d55]{padding-left:0}}.list-description p[data-v-9b545d55]{text-align:left;margin:0;width:80%;font-family:Play-Regular;letter-spacing:0px;color:#000;line-height:20px;font-size:10px;text-transform:none;padding:15px 0 0 50px}@media (max-width: 767px){.list-description p[data-v-9b545d55]{text-align:left;margin:0;width:100%;font-family:Play-Regular;letter-spacing:0px;color:#000;line-height:20px;font-size:10px;text-transform:none;padding:15px 0 0}}.repo-button[data-v-9b545d55]{position:left;padding-top:12px;padding-left:50px;margin-bottom:10px;z-index:9999;pointer-events:all}@media (max-width: 767px){.repo-button[data-v-9b545d55]{padding-left:0}}h4[data-v-9b545d55]{margin:0}.example_c[data-v-9b545d55]{font-family:Wan;letter-spacing:1px;color:#000;line-height:7px;font-size:9px;height:7px;text-transform:none;text-decoration:none;background:#ffffff;padding:4px;border:1px solid #000000!important;display:inline-block;transition:all .4s ease 0s}.example_c[data-v-9b545d55]:hover{color:#fff!important;background:#000000;border-color:#000!important;transition:all .4s ease 0s}.javascript[data-v-9b545d55]{margin-left:5px}.vue[data-v-9b545d55]:hover{color:#fff!important;background:#41B883;border-color:#41b883;transition:all .4s ease 0s}.javascript[data-v-9b545d55]:hover{color:#000!important;background:#FFFF00;border-color:#ff0;transition:all .4s ease 0s}