-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.84d41c4.css
1 lines (1 loc) · 5.46 KB
/
main.84d41c4.css
1
.landing-styles{width:100%;height:100%}.inner-container{position:absolute;top:5%;bottom:0;width:100%;height:auto;text-align:center}.start-button{display:inline-block;border:4px solid #000;border-radius:25px;background-color:rgba(0,0,0,.1);text-align:center;margin-right:30px;margin-left:30px;padding:20px 50px 20px 40px;font-size:60pt;font-family:AntennaForFord_S-MdCd;right:auto;left:auto;min-width:400px}.table-container{margin-top:100px;margin-right:100px;margin-left:100px}table.blueTable{border:4px solid #1c6ea4;background-color:#eee;width:100%;text-align:left;border-collapse:collapse;font-family:AntennaForFord_S-MdCd}table.blueTable td,table.blueTable th{border:1px solid #aaa;padding:20px 10px}table.blueTable tbody td{font-size:35px}table.blueTable thead{background:#1c6ea4;background:linear-gradient(180deg,#5592bb 0,#327cad 66%,#1c6ea4);border-bottom:2px solid #444}table.blueTable thead th{font-size:32px;font-weight:700;color:#fff;border-left:2px solid #d0e4f5}table.blueTable thead th:first-child{border-left:none}.checkbox{position:relative;height:50px;width:50px;margin-left:auto;margin-right:auto}.checkbox input{opacity:0;cursor:pointer;height:50px;width:50px;padding:0;margin:0}.checkmark{position:absolute;top:0;left:0;height:50px;width:50px;background-color:#1c6ea4;border-radius:10px;pointer-events:none}.checkmark:after{content:"";display:none}.checkbox input:checked~.checkmark:after{display:block}.checkbox .checkmark:after{position:absolute;left:15px;top:5px;width:12px;height:25px;border:solid #fff;border-width:0 5px 5px 0;transform:rotate(45deg)}.css-opacity .fg{position:absolute;top:0;left:0}.css-opacity .fg img{transition:opacity var(--duration) ease}.css-opacity .fg img.hide{opacity:0}.css-opacity .fg img.show{opacity:1}.css-opacity img{transition:opacity var(--duration) ease}.css-opacity img.hide{opacity:0}.css-opacity img.show{opacity:1}.css-translate img{transition:transform var(--duration) ease}.css-translate img.hide{transform:translateY(-100%)}.css-translate img.show{transform:translateY(0)}.svgObject,.svgObjectTranslate{animation:translateAnim 2s ease infinite alternate;width:50px;height:50px}.svgObjectScale{animation:scaleAnim 2s ease infinite alternate;width:50px;height:50px}.svgObject3{animation:colourAnim 5s ease infinite alternate;width:50px;height:50px}.svgObjectAll{animation:scaleAnim 2s ease infinite alternate,colourAnim 5s ease infinite alternate;width:50px;height:50px}@keyframes scaleAnim{0%{transform:scale(.01)}to{transform:scale(4)}}@keyframes translateAnim{0%{transform:translateY(-2000px)}to{transform:translateY(0)}}@keyframes scaleAndTranslateAnim{0%{transform:translateY(-2000px) scale(.01)}to{transform:translateY(0) scale(4)}}.gridContainer{display:grid;grid-template-columns:auto auto auto auto auto;padding:10px}.gridItem{display:flex;justify-content:center;align-items:center;width:200px;height:200px}.radioControls{position:absolute;right:0;top:0;font-size:24px;color:#000;z-index:1}.svgObjectFill{animation:colourAnim 5s ease infinite alternate;width:50px;height:50px}@keyframes colourAnim{0%{fill:red}25%{fill:#ff0}50%{fill:#00f}75%{fill:green}to{fill:red}}.css-heavy{position:relative;overflow:hidden}.css-heavy .header{position:absolute;top:146px;left:0;width:100%;height:75px;border-bottom:1px solid rgba(0,0,0,.2);text-align:center}.css-heavy .header ul li{margin:auto 20px;font-size:30px;display:inline;transition:all .3s}.css-heavy .header ul li.active{font-size:40px;font-weight:1000}.css-heavy .controls{position:absolute;top:146px;left:0;width:100%;height:75px;text-align:right;font-size:130%}.css-heavy .page{position:absolute;top:223px;left:0;width:100%;height:calc(100% - 595px)}.css-heavy .page .panel{display:inline-block;vertical-align:top;height:100%}.css-heavy .page .panel .item .svg-style{transform:scale(.1)}.css-heavy .page .panel.left{width:300px;border-right:1px solid rgba(0,0,0,.2)}.css-heavy .page .panel.left .item{margin:20px;padding:20px}.css-heavy .page .panel.left .item.shadow{box-shadow:-4px 0 12.35px .65px rgba(63,151,251,.07),8px 0 12.35px .65px rgba(255,90,0,.04),0 -4px 6.72px 1.28px #fff,0 4px 13px 0 rgba(8,13,28,.27)}.css-heavy .page .panel.right{width:auto}.css-heavy .page .panel.right .item{margin:10px;padding:10px;width:200px}.css-heavy .page .panel.right .item.shadow{box-shadow:-4px 0 12.35px .65px rgba(63,151,251,.07),8px 0 12.35px .65px rgba(255,90,0,.04),0 -4px 6.72px 1.28px #fff,0 4px 13px 0 rgba(8,13,28,.27)}.css-heavy .page .panel.right .item.animate{animation:move var(--duration) ease infinite alternate;animation-delay:var(--delay)}@keyframes move{0%{transform:translateX(500px)}to{transform:translateX(0)}}.css-heavy .page .panel .content{padding:20px}.css-heavy .page.hide-left{animation:anim-hide-left var(--duration) ease forwards}.css-heavy .page.hide-right{animation:anim-hide-right var(--duration) ease forwards}.css-heavy .page.show-left{animation:anim-show-left var(--duration) ease forwards}.css-heavy .page.show-right{animation:anim-show-right var(--duration) ease forwards}@keyframes anim-hide-left{0%{transform:TranslateX(0)}to{transform:TranslateX(-100%)}}@keyframes anim-hide-right{0%{transform:TranslateX(0)}to{transform:TranslateX(100%)}}@keyframes anim-show-left{0%{transform:TranslateX(-100%)}to{transform:TranslateX(0)}}@keyframes anim-show-right{0%{transform:TranslateX(100%)}to{transform:TranslateX(0)}}.btn{display:inline-block;font-size:50px;height:75px;padding:0 10px;text-decoration:none;border:none;background-color:transparent}.btn:focus{outline:none}body{width:1200px;height:1920px;overflow-x:hidden;margin:0;padding:0}