@import url(https://fonts.googleapis.com/css?family=Nunito|Roboto+Mono);label,legend{color:#000;transition:.3s ease-out}input,label,legend,option,select{transition:.3s ease-out}.container,.shirt-colors,body,form,header,html,input[type=email],input[type=text],legend,select{width:100%}input[type=checkbox]:disabled,select:disabled{cursor:not-allowed}.not-valid::after,.valid::after{content:' ';position:absolute;top:-5px;right:0;width:25px;height:25px;background-size:25px}.activities,.activities label,.container,.not-valid,.valid{position:relative}*{box-sizing:border-box}body,html{min-height:100%}body,button,input{font-family:Nunito,sans-serif}body{background:rgba(218,174,81,.1)}header{text-align:center;color:#fff;padding:10px 0;background:linear-gradient(90deg,#d53369 0,#daae51 100%)}.header-container{max-width:800px;margin:10px auto}h1{font-size:2.5em;text-shadow:0 1px 0 rgba(0,0,0,.65);margin:0}p{line-height:1.5}a{text-decoration:none}.container{max-width:800px;margin:auto}form{display:flex;flex-flow:column;justify-content:space-between;padding-top:10px;border-radius:3px}fieldset{width:calc(100% - 10px);margin:35px auto 10px;border:none}.activities label:last-child,.form-hint,label{margin-bottom:0}legend{font-size:1.5em;font-weight:700}input,select{font-size:1em;font-weight:500;color:rgba(0,0,0,.7);padding:.95em;margin-top:5px;margin-bottom:5px;outline:0}label{display:block;margin-top:27px}input,option,select{font-family:roboto,sans-serif}input{background:#fffdf9;border:1px solid rgba(36,28,21,.2);border-radius:2px}input:focus{background:#fff;border-color:#0949fa}input:-webkit-autofill{border:1px solid rgba(36,28,21,.2);-webkit-box-shadow:0 0 0 1000px #fffdf9 inset;box-shadow:0 0 0 1000px #fffdf9 inset}input[type=checkbox],input[type=radio]{display:inline-block}select{-webkit-border-radius:0px;padding-right:calc(4% + .95em);background:url(../img/caret.png) calc(100% - 7px) 50% no-repeat #fffdf9;background-size:12px auto;border:1px solid rgba(36,28,21,.2);border-radius:2px;cursor:pointer;transition:none}.hint,button{transition:.3s ease-out}select:focus{background:url(../img/caret.png) calc(100% - 7px) 50% no-repeat #fff!important;background-size:12px auto!important;border-color:#0949fa}select:disabled{background-color:rgba(197,163,175,.1)}input.error,select.error{background:rgb(242,112,156,.1);border:1px solid #f2709c}button{cursor:pointer;font-size:1.5rem;font-weight:bolder;text-shadow:1px 1px 0 transparent;letter-spacing:.1rem;color:#fff;width:calc(100% - 40px);margin:25px auto;padding:10px 25px;background:#d53369;border-radius:4px;border:1px solid transparent;border-right:1px solid rgba(36,28,21,.2);border-bottom:1px solid rgba(36,28,21,.3);box-shadow:none}button:hover{text-shadow:1px 1px 0 rgb(25,25,25,.9);background:#daae51;border:1px solid rgba(213,51,105,.3);box-shadow:1px 1px 25px rgba(213,51,105,.5) inset,3px 3px 10px rgba(50,50,50,.3)}.hint{display:none;color:red;margin:0}.form-hint{color:#000;margin-left:17px}.asterisk{vertical-align:sub}.not-valid{color:red}.not-valid .error-border{border:1px solid red}.activities label,.activities-box{border-radius:3px;transition:.3s ease-out}.not-valid legend{color:red}.valid::after{background-image:url('../img/valid.svg');transition:.3s ease-out}.not-valid::after{background-image:url('../img/not-valid.svg');transition:.3s ease-out}.activities.not-valid::after,.activities.valid::after{top:5px}.basic-info-and-shirt-box,.shirt-div-box{display:flex;flex-flow:row wrap;justify-content:space-between}.basic-info{display:flex;flex-flow:column;justify-content:space-between}.shirt-sizes{width:25%;min-width:75px}.shirt-designs{width:70%;min-width:210px}.activities{max-width:calc(100% - 30px);padding-left:0;padding-right:0;padding-bottom:0;margin:35px 15px 0}.activity-cost,.activity-img{position:absolute;right:20px}.activities-box{font-family:roboto,sans-serif;max-width:100%;border:1px solid transparent}.activities legend{margin-bottom:15px}.activities label{cursor:pointer;background:#fffdf9;padding:15px 10px;margin-top:10px;margin-bottom:10px;border:1px solid rgba(36,28,21,.2)}.activities label:first-of-type{height:107px;margin-top:0}.activities label input{margin:7px auto 7px 7px}.activities label span:first-of-type{color:rgba(0,0,0,.75);font-weight:bolder;padding-left:7px}.activities label span:nth-of-type(2),.activities label span:nth-of-type(3){font-size:.9rem;margin:7px auto;padding-left:30px}.activities label span:nth-of-type(2){display:block;margin-top:30px}.activity-cost{bottom:10px;color:rgba(0,0,0,.75);font-weight:bolder}.activity-img{top:18px;width:25px;transition:.3s ease-in-out}.npm-img{top:5px;right:12px;width:50px}.node-img{top:15px}.express-img{top:20px}.activities-cost{color:#000;font-size:1.5rem;margin-right:-10px;margin-bottom:5px}.activities-hint{margin-top:10px}.payment-methods{margin-top:55px}.payment-method-box label{margin-top:20px}.credit-card{margin-bottom:25px}.bitcoin,.paypal{margin:20px auto 10px;padding:0 15px;background:#fffdf9;border-radius:3px;border:1px solid rgba(36,28,21,.2)}.bitcoin h3,.paypal h3{margin-top:15px;margin-bottom:5px}.bitcoin p,.paypal p{color:rgba(0,0,0,.8);margin-top:5px;margin-bottom:15px}.bitcoin,.credit-card,.paypal{transition:.3s ease-out}.focus{background:#fff!important;border-color:#0949fa!important}.disabled{cursor:not-allowed!important;background:rgba(197,163,175,.1)!important}@media (min-width:768px){button,header{text-align:left}header{padding:25px 0}.header-container{padding-left:15px}form{padding-top:25px}button{width:155px;height:50px;margin:0 0 100px 15px}.basic-info-and-shirt-box{position:relative;padding:15px}.basic-info-and-shirt-box fieldset{margin:10px 0}.other-job-role{position:absolute;right:10px;bottom:25px;max-width:50%}.basic-info{max-width:350px;padding:0}.shirts{max-width:325px;padding:0}.activities{padding-bottom:10px;margin-bottom:10px}.activities-box{display:flex;flex-flow:row wrap;justify-content:flex-start;transition:.3s}.activities label{width:49%;margin:8px auto}.activities label:first-of-type{width:100%}.activities label:nth-of-type(2n){margin-left:0}.activities label:nth-of-type(odd){margin-right:0}.activities label:nth-last-child(-n+2){margin-bottom:0}.activities-cost{position:absolute;font-weight:bolder;right:15px}.payment-methods{position:relative;padding:10px}.num-box,.payment-method-box{width:375px}.credit-card-box{display:flex;flex-flow:row wrap;justify-content:space-between}.month-box,.zip-box{width:190px}.cvv-box,.year-box{width:160px}.expiration-box{position:absolute;right:10px;top:30px;display:flex;flex-flow:row wrap;justify-content:space-between;width:47%}@-moz-document url-prefix(){.expiration-box{top:30px}}.expiration-box label{margin-top:0}}