@import"https://fonts.cdnfonts.com/css/bebas-neue";@import"https://fonts.cdnfonts.com/css/poppins";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-size:15px;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a)}*{margin:0;box-sizing:border-box;list-style:none}.scrollbtn1{all:unset;width:120px;height:40px;font-size:18px;background:linear-gradient(135deg,#201f1d,#0e0e0e);border:none;position:relative;cursor:pointer;z-index:1;padding:10px 20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation;border-radius:5px;transition:background .3s ease,transform .3s ease}.scrollbtn1:hover{background:linear-gradient(135deg,#fd8a05,#ff9a3a);transform:scale(1.05)}.scrollbtn1:active{transform:scale(.95)}.fb1{display:flex;justify-content:center;align-items:center;height:5vh;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a)}.aero1{display:flex;justify-content:center;align-items:center;height:100vh}svg{color:#fff}:root{--width-default: min(1200px, 90vw);--diameter: 1544px}.logo img{width:70px;border-radius:100%;object-fit:cover;height:70px;margin-top:10px}header{width:var( --width-default);height:70px;margin:auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.slider{color:#eee;width:100vw;height:100vh;position:relative;overflow:hidden;margin-top:-70px}.slider .list .item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;transition:1s}.slider .list .item .content{position:absolute;top:20%;left:50%;transform:translate(-50%);width:max-content;max-width:100%;text-align:center;display:grid;grid-template-columns:repeat(2,400px);text-align:left;gap:80px;font-size:1.2em;text-transform:uppercase;font-family:Poppins;text-shadow:0 0 80px #000}.slider .list .item .content h2{font-size:8em;font-family:Bebas Neue,sans-serif;line-height:.9em;transform:translateY(-100%);transition:transform 1s;grid-row-start:1;grid-row-end:3}.slider .list .item .content p:last-child{display:flex;justify-content:start;align-items:end;padding-bottom:25px}.slider .list .item .image{flex-shrink:0;width:var(--diameter);height:var(--diameter);background-image:var(--url);background-size:var(--diameter) var(--diameter);background-position:center;transform:rotate(-60deg);position:relative;transition:1s}.slider .list .item .image:before,.slider .list .item .image:after{position:absolute;width:70%;height:70%;content:"";border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-120deg);background-image:linear-gradient(to right,#0004,#0004),var(--url);background-size:var(--diameter) var(--diameter);background-position:center;transition:1s}.slider .list .item .image:after{width:30%;height:30%;background-image:var(--url);border:3px solid #fff2;transform:translate(-50%,-50%) rotate(-170deg)}.slider .list .item .image{filter:blur(30px)}.slider .list .item{pointer-events:none;opacity:0}.slider .list .item.active{pointer-events:auto;opacity:1}.slider .item.active .image{filter:blur(0px);transform:rotate(0)}.slider .item.active .image:before,.slider .item.active .image:after{transform:translate(-50%,-50%) rotate(0)}.slider .list .item.active .content h2{transform:translateY(0)}.slider .list .item.active~.item{opacity:0}.slider .item.active~.item .image{transform:rotate(60deg)}.slider .item.active~.item .image:before{transform:translate(-50%,-50%) rotate(120deg)}.slider .item.active~.item .image:after{transform:translate(-50%,-50%) rotate(170deg)}.slider .list .item.active~.item .content h2{transform:translateY(100%)}.arrows{position:absolute;left:50%;transform:translate(-50%);bottom:30px;width:var(--width-default);display:flex;justify-content:space-between}.arrows button{all:unset;cursor:pointer}.slider .list:after{position:absolute;content:"";bottom:0;width:min(1000px,100vw);height:70%;left:50%;transform:translate(-50%);background-image:url();background-size:cover;background-position:top;pointer-events:none;animation:showModel 1s ease-in-out 1 forwards}@keyframes showModel{0%{transform:translate(-50%) scale(1.3) translateY(88px)}}.arrows button.d-none{opacity:0;pointer-events:none}@media all and (max-width: 1024px){.slider .list .item .content{grid-template-columns:repeat(2,300px)}.slider .list .item .content h2{font-size:8em}}@media all and (max-width: 767px){.slider .list .item .content{grid-template-columns:80%;justify-content:center;gap:20px;top:70px}.slider .list .item .content h2{font-size:4em}.slider .list .item .content p{font-size:small}}li{list-style:none}a{text-decoration:none;color:#fff;font-size:1rem}a:hover{color:orange}header{position:relative;padding:0 2rem}.navbar{width:100%;height:60px;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar .links{display:flex;gap:2rem}.navbar .links a{font-size:1.2rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.navbar .links a:hover{color:#ffcc29}.navbar .logo{color:#fff;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.footer{display:flex;justify-content:space-around;width:100%;background:linear-gradient(135deg,#363535,#333232,#2a2a2a);border-radius:50px;padding:20px 0}.footer-social a,.footer-social-2 ul li a{color:#fff;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-social-2 ul li{display:flex;align-items:center;margin:10px 0}.button1{all:unset;width:100px;height:30px;font-size:16px;background:transparent;border:none;position:relative;color:#f0f0f0;cursor:pointer;z-index:1;padding:10px 20px;display:flex;align-items:center;justify-content:center;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button1:after,.button1:before{content:"";position:absolute;bottom:0;right:0;z-index:-99999;transition:all .4s}.button1:before{transform:translate(0);width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a);border-radius:10px}.button1:after{transform:translate(10px,10px);width:35px;height:35px;background:linear-gradient(135deg,#ff7e00,#efb36e);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50px}.button1:hover:before{transform:translate(5%,20%);width:110%;height:110%}.button1:hover:after{border-radius:10px;transform:translate(0);width:100%;height:100%}.button1:active:after{transition:0s;transform:translateY(5%)}.left1{background:linear-gradient(135deg,#ebd0b4,#eed7bd);width:90%;transition:background .3s ease,transform .3s ease}.left1:hover{background:linear-gradient(135deg,#f4d7ba,#ece5dd);transform:scale(1.05);background:linear-gradient(135deg,#ff7e00,#fd8a05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6}.footer-area{position:relative;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a);color:#fff;padding:40px 20px;overflow:hidden}.footer-wave-box{position:absolute;top:-20px;left:0;width:100%;height:60px;overflow:hidden;line-height:0}.footer-wave{position:relative;width:200%;height:60px;background:url(wave.png) repeat-x;background-size:contain;animation:wave-animation 10s linear infinite}@keyframes wave-animation{0%{transform:translate(0)}to{transform:translate(-50%)}}.main{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer{display:flex;justify-content:space-around;width:100%}.single-footer{flex:1;padding:10px}.single-footer h4{font-size:1.5rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;color:#ffcc29}.end1{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;margin-left:250px}.footer-social{display:flex;gap:5px}.footer-social a,.footer-social-2 ul li a{color:#fff;text-decoration:none;transition:color .3s ease,transform .3s ease;display:flex}.footer-social a:hover,.footer-social-2 ul li a:hover{color:#ffcc29;transform:scale(1.1)}.footer-social a{font-size:1.5rem;margin:0 10px}.footer-social-2 ul{list-style:none}.footer-social-2 ul li{margin-bottom:10px}.footer-social-2 ul li i{margin-right:10px;color:#ffcc29}.copy{text-align:center;margin-top:20px;font-size:.9rem;color:#ddd}.copy p{animation:fade-in 2s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.footer-wave{animation:wave-movement 6s infinite linear}@keyframes wave-movement{0%{transform:translate(0)}to{transform:translate(-100%)}}.main34{display:flex;align-items:center;justify-content:center;height:70vh;width:200vh;background:linear-gradient(135deg,#2a2a2a,#636262,#2a2a2a);background-size:cover;background-position:center;margin-left:20px}.aboutus12{display:flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a);background-size:cover;font-size:3rem;background-position:center;margin-top:20px}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;width:100%}.banner-image{background-image:url("/Users/anuragsingh/Desktop/sae works/anurag singh/sae/src/assets/baja3.jpg");background-position:center;background-size:cover;height:250px;width:230px;border-radius:12px;border:5px solid rgba(60,51,51,.255);transition:transform .5s ease,box-shadow .5s ease}.banner-image1{background-image:url("/Users/anuragsingh/Desktop/sae works/anurag singh/sae/src/assets/supra4.jpg");background-position:center;background-size:contain;background-repeat:no-repeat;height:200px;width:200px;border-radius:12px;border:5px solid rgba(60,51,51,.255);transition:transform .5s ease,box-shadow .5s ease}.banner-image:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 20px #0000004d}.button34{margin-top:18px;background-color:#080808;font-size:1rem;padding:10px 20px;border-radius:10px;color:#fff;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.button34:hover{background-color:#000;transform:scale(1.1);transition:all .3s ease;color:#ffb347}h1{font-family:Righteous,sans-serif;color:#fffffffa;text-transform:uppercase;font-size:2.4rem}.word23{font-family:Righteous,sans-serif;color:#fffffffa;text-transform:uppercase;font-size:1.2rem;margin-top:20px;transition:color .3s ease,transform .3s ease}.word23:hover{color:#ffb347;transform:scale(1.1) rotate(-2deg)}p{color:#fffffffa;font-family:Roboto,sans-serif;text-align:center;font-size:.8rem;line-height:150%;letter-spacing:2px;text-transform:uppercase;font-weight:700}.btn{border:none;padding:12px 24px;border-radius:24px;font-size:12px;font-size:.8rem;letter-spacing:2px;cursor:pointer}.btn+.btn{margin-left:10px}.outline{background:transparent;color:#00d4ffe6;border:1px solid rgba(0,212,255,.6);transition:all .3s ease}.outline:hover{transform:scale(1.125);color:#ffffffe6;border-color:#ffffffe6;transition:all .3s ease}.fill{background:#00d4ffe6;color:#fffffff2;filter:drop-shadow(0);font-weight:700;transition:all .3s ease}.fill:hover{transform:scale(1.125);border-color:#ffffffe6;filter:drop-shadow(0 10px 5px rgba(0,0,0,.125));transition:all .3s ease}body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;overflow-x:hidden;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a);color:#fff;animation:backgroundAnimation 10s infinite alternate}@keyframes backgroundAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{position:relative}.heading{background:linear-gradient(135deg,#080808,#211f1f,#201f1f);padding:20px;text-align:center;color:#ffb347;font-size:4rem;animation:slideDown 1s ease-out forwards;letter-spacing:4px;text-shadow:3px 3px 5px #000}.heading-animation{color:#ffb347}.event45{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;font-family:Playfair Display,serif}.fest-container{display:flex;justify-content:space-between;align-items:center;padding:2rem 5%;height:calc(100vh - 150px);position:relative;background-attachment:fixed;background-size:cover;background-position:center;animation:fadeIn 2s ease-in-out}.image-section{position:relative;width:50%;animation:slideIn 1.5s ease-out forwards}.fest-image{width:90%;height:auto;border-radius:10px;box-shadow:0 10px 20px #00000080;border:5px solid transparent;animation:glowing-border 3s infinite,zoomIn 1s ease-out forwards}@keyframes glowing-border{0%{border-color:#fd8a05;box-shadow:0 0 10px #fd8a05}50%{border-color:#fc0;box-shadow:0 0 20px #fc0}to{border-color:#fd8a05;box-shadow:0 0 10px #fd8a05}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.image-animation{animation:float 3s infinite alternate ease-in-out}.nav-arrow{position:absolute;top:50%;background:linear-gradient(135deg,#ff7e00,#fd8a05);color:#fff;border:none;padding:1rem;cursor:pointer;border-radius:50%;font-size:1.5rem;transform:translateY(-50%);box-shadow:0 5px 15px #00000080;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.nav-arrow:hover{transform:scale(1.1);box-shadow:0 10px 20px #000c}.left-arrow{left:-32px}.right-arrow{right:36px}.text-section{width:40%;padding:1rem;opacity:0;transform:translateY(50px);transition:.5s ease-in-out;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a);border-radius:10px;box-shadow:0 10px 20px #00000080;animation:textFadeIn 1s ease-in-out forwards}.text-section.slide-in-text{opacity:1;transform:translateY(0)}.text-section h1{font-size:3.5rem;margin:1rem 0;color:#ffb347;transition:color .3s ease,transform .3s ease;text-shadow:0 2px 5px rgba(255,165,0,.5);animation:textSlideIn 1s ease-in-out forwards}.text-section h1:hover{color:#fff;transform:scale(1.1)}.text-section p{font-size:1rem;line-height:1.5;color:#ddd;margin:.5rem 0;transition:color .3s ease,transform .3s ease;animation:textSlideIn 1.2s ease-in-out forwards}.text-section p:hover{color:#fc0;transform:scale(1.05)}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@keyframes textSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animated-line{width:100%;height:8px;background:linear-gradient(to right,#fd8a05,#fc0);transform:scaleX(0);transform-origin:left;transition:transform 2s ease-in-out;margin-top:20px}.line-visible{transform:scaleX(1)}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.logo-image{width:50px;height:50px;border-radius:50%;box-shadow:0 10px 20px #00000080;border:5px solid transparent;animation:glowing-border 3s infinite}.el{justify-content:left;align-items:left;display:flex;flex-wrap:wrap;margin-top:20px;gap:20px}body{margin:0;font-family:Arial,sans-serif;color:#333}.sponsor{padding:2rem;text-align:center}.sp32{display:flex;flex-wrap:wrap}.wheel{margin-bottom:10px}.wheel1{display:flex}.sponsor h1{font-size:2.5rem;color:#ffb347;margin-bottom:1rem;animation:fadeIn 1s ease-in-out}h1:hover{color:#f79103}.sponsor hr{width:10%;border:2px solid #f79103;margin:.5rem auto 2rem}p{max-width:800px;margin:0 auto 2rem;font-size:1.2rem;line-height:1.8;color:#fff;animation:fadeIn 2s ease-in-out}p:hover{color:#f79103}section:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:3.5rem;padding-top:5rem}.img23{width:200px;height:200px;object-fit:cover;overflow:hidden;border-radius:50%;box-shadow:0 4px 8px #0000001a;background:#fff;animation:popIn 1s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box;display:flex;flex-wrap:wrap}.img23:hover{transform:scale(1.1);box-shadow:0 8px 16px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){h1{font-size:2rem}p{font-size:1rem}section:last-child div{width:120px;height:120px}}.team1{display:flex;justify-content:center;align-items:center;color:#ffb347;margin-top:100px;font-size:3rem;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr{width:10%;border:2px solid #f79103;margin:.5rem auto 2rem}.post1{height:100vh;width:100vw;max-height:600px;max-width:1200px;min-height:600px;min-width:1100px;justify-content:space-around;align-items:center;display:flex;flex-wrap:wrap;gap:100px;object-fit:cover;box-sizing:border-box;margin:100px auto 0 100px}.panel1{height:270px;width:190px;position:relative}.panel1:hover .card{filter:blur(1.5px)}.panel1:hover .card11{background-size:215% 135%}.panel1:hover .card2{background-size:115% 115%}.panel1:hover .card3{background-size:155% 115%}.panel1:hover .title1{color:#fff3}.panel1:hover .border1{border:1px solid rgba(255,255,255,1)}.panel1:hover .slide1{bottom:0}.panel1:hover .ring1:before,.panel1:hover .ring1:after{transform:translate(-50%) translateY(-50%) rotate(310deg)}.ring1,.card1,.border1,.slide1,.line1{display:flex;justify-content:center;align-items:center}.ring1{color:#fffbf1;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:170px}.card1{background:#f0ead6;position:relative;transition:all 1s;height:260px;width:200px;border:1px solid rgba(255,255,255,1)}.card11{background-repeat:no-repeat}.bv12{height:260px;width:200px;overflow:hidden;object-fit:cover}.card22{background-image:url(https://assets.codepen.io/489403/belize.jpg);background-repeat:no-repeat;background-size:100% 100%}.card33{background-image:url(https://assets.codepen.io/489403/egypt.jpg);background-repeat:no-repeat;background-size:140% 100%}.ring1:before,.ring1:after{content:"";padding:.7em .4em;position:absolute;left:50%;width:115%;top:50%;display:block;border:5px solid #50c9c3;border-radius:50%;transition:transform 1s;transform:translate(-50%) translateY(-50%) rotate(50deg)}.ring1:before{border-color:rgb(235,235,235) rgb(235,235,235) rgba(0,0,0,0) rgba(0,0,0,0);z-index:-1}.ring1:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgb(235,235,235) rgb(235,235,235)}.title1{font-size:36px;font-weight:700;transition:all 1s;top:0}.para1{bottom:0;font-size:16px;font-family:Raleway;padding:20px;margin-bottom:10px;text-align:center;color:#fe9707}.border1{position:absolute;border:1px solid rgba(255,255,255,.5);height:260px;width:180px;transition:border 1s;overflow:hidden}.slide1{height:260px;width:180px;position:absolute;bottom:-270px;background:#00000080;transition:bottom 1s;flex-direction:column}.fa-plane1{font-size:16px}:root{--card-height: 500px;--card-width: calc(var(--card-height) / 1.5)}*{box-sizing:border-box}.main3{width:100%;display:flex;justify-content:center;align-items:center;margin-left:103px;background:linear-gradient(135deg,#2a2a2a,#636262,#2a2a2a);margin-top:30px}.container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100vh;margin-top:25px;margin-left:-40px;margin-bottom:50px}.name1{font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#2a2a2a,#444,#2a2a2a)}.name2{font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.name1,.name2{font-family:Bebas Neue,cursive}.card{width:var(--card-width);height:var(--card-height);position:relative;display:flex;justify-content:center;align-items:flex-end;padding:0 36px;perspective:2500px;margin:0 50px 100px}.cover-image{width:100%;height:50vh;object-fit:cover}.wrapper{transition:all .5s;position:absolute;width:100%;z-index:-1;border:5px solid #191c29}.card:hover .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px #000000bf;-webkit-box-shadow:2px 35px 32px -8px rgba(0,0,0,.75);-moz-box-shadow:2px 35px 32px -8px rgba(0,0,0,.75)}.wrapper:before,.wrapper:after{content:"";opacity:0;width:100%;height:80px;transition:all .5s;position:absolute;left:0}.wrapper:before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(12,13,19,.5) 68%,rgba(12,13,19) 97%)}.wrapper:after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(12,13,19,.5) 68%,rgba(12,13,19) 97%)}.card:hover .wrapper:before,.wrapper:after{opacity:1}.card:hover .wrapper:after{height:120px}.title{width:100%;transition:transform .5s}.card:hover .title{transform:translate3d(0,-50px,100px)}.character{width:100%;opacity:0;position:absolute;z-index:-1;transform:scale(.8) rotateY(0) translateZ(0);transition:all .7s cubic-bezier(.25,1,.5,1);filter:brightness(.8) blur(5px);box-shadow:0 0 15px #163bde;will-change:transform,opacity,filter}.card{position:relative;overflow:hidden}.card:hover .character{opacity:1;transform:translate3d(0,-30%,150px) scale(1.2) rotateY(720deg);filter:brightness(1) blur(0);box-shadow:0 10px 30px #1c2136,0 0 40px #384372;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.card:hover .character:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#ff009680,#00ccff80);opacity:1;z-index:-2;mix-blend-mode:overlay;animation:gradientFlash 3s infinite}@keyframes gradientFlash{0%{background-position:-200% center}to{background-position:-400% center}}body{background:#1e1e1e}.socket{width:200px;height:200px;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-100px}.hex-brick{background:#e68f1d;width:30px;height:17px;position:absolute;top:5px;animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:fade;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.h2{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.h3{transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.gel{height:30px;width:30px;transition:all .3s;-webkit-transition:all .3s;position:absolute;top:50%;left:50%}.center-gel{margin-left:-15px;margin-top:-15px;animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.c1{margin-left:-47px;margin-top:-15px}.c2{margin-left:-31px;margin-top:-43px}.c3{margin-left:1px;margin-top:-43px}.c4{margin-left:17px;margin-top:-15px}.c5{margin-left:-31px;margin-top:13px}.c6{margin-left:1px;margin-top:13px}.c7{margin-left:-63px;margin-top:-43px}.c8{margin-left:33px;margin-top:-43px}.c9{margin-left:-15px;margin-top:41px}.c10{margin-left:-63px;margin-top:13px}.c11{margin-left:33px;margin-top:13px}.c12{margin-left:-15px;margin-top:-71px}.c13{margin-left:-47px;margin-top:-71px}.c14{margin-left:17px;margin-top:-71px}.c15{margin-left:-47px;margin-top:41px}.c16{margin-left:17px;margin-top:41px}.c17{margin-left:-79px;margin-top:-15px}.c18{margin-left:49px;margin-top:-15px}.c19{margin-left:-63px;margin-top:-99px}.c20{margin-left:33px;margin-top:-99px}.c21{margin-left:1px;margin-top:-99px}.c22{margin-left:-31px;margin-top:-99px}.c23{margin-left:-63px;margin-top:69px}.c24{margin-left:33px;margin-top:69px}.c25{margin-left:1px;margin-top:69px}.c26{margin-left:-31px;margin-top:69px}.c27{margin-left:-79px;margin-top:-15px}.c28{margin-left:-95px;margin-top:-43px}.c29{margin-left:-95px;margin-top:13px}.c30{margin-left:49px;margin-top:41px}.c31{margin-left:-79px;margin-top:-71px}.c32{margin-left:-111px;margin-top:-15px}.c33{margin-left:65px;margin-top:-43px}.c34{margin-left:65px;margin-top:13px}.c35{margin-left:-79px;margin-top:41px}.c36{margin-left:49px;margin-top:-71px}.c37{margin-left:81px;margin-top:-15px}.r1{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}.r1>.hex-brick{animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:fade;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2>.hex-brick{animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:fade;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3>.hex-brick{animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:fade;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade{0%{background:#fcad02}50%{background:#373737}to{background:#803502}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade{0%{background:#abf8ff}50%{background:#389ca6}to{background:#abf8ff}}