a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,row q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{overflow-x:hidden}#app,body{background:#000;min-height:100vh;width:100vw}#app{font-family:Roboto}.container{align-items:flex-start;background:#000;flex-wrap:wrap;margin:0 auto;max-width:1920px;padding:10px;position:relative}.container,.mainTitle{display:flex;flex-direction:column;justify-content:center}.mainTitle{align-items:center;min-height:100vh;text-align:center}.mainTitle h1{font-size:10em}.mainTitle h1,.mainTitle h2{color:#111;font-family:Bebas Neue}.mainTitle h2{font-size:3em}.mainTitle:hover h1,.mainTitle:hover h2{color:green}.lastblock{height:500px}.title{margin-top:50px}.listContainer{align-items:center;background:#000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1920px;min-height:100%;padding:10px;position:relative}.cardtechno{background:#424242;border-radius:10px;height:200px;margin:10px;padding:2px;position:relative;width:200px}.cardtechno:before{background:radial-gradient(400px circle at var(--x) var(--y),green,transparent);border-radius:10px;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.cardtechno .innerdiv{align-items:center;background:#111;border-radius:9px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:15px;position:relative}.cardtechno .innerdiv,.cardtechno .innerdiv img{height:100%;width:100%}.card{background:#424242;border-radius:10px;height:250px;margin:10px;padding:2px;position:relative;width:400px}.card:before{background:radial-gradient(400px circle at var(--x) var(--y),green,transparent);border-radius:10px;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card .innerdiv{align-items:center;background:#090909;border-radius:9px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:15px;position:relative;width:100%}.card .innerdiv h2{color:#424242;font-family:Bebas Neue;font-size:2.5em;margin-top:-20px;position:absolute;top:50%;transition-delay:0s;transition-duration:.5s;transition-property:all}.card:hover .innerdiv h2{color:#fff;opacity:1;top:20%}.card .innerdiv p{align-items:center;display:flex;flex-direction:column;font-size:1.2em;height:200px;justify-content:center;line-height:1.2em;opacity:0;padding:0 25px;position:absolute;text-align:center;top:100%;transition-delay:0s;transition-duration:.5s;transition-property:all}.card:hover .innerdiv p{opacity:1;top:20%}.card a{color:#fff;text-decoration:underline}h3{color:#111;font-family:Bebas Neue;font-size:8em;font-weight:700;padding:0 20px;transition:color .5s ease-in}.wrapper:hover h3{color:green}p.subtitle{color:#111;font-family:roboto;font-size:1.3em;font-weight:700;line-height:1.3em;padding:0 20px;transition:color .5s ease-in}.wrapper:hover p.subtitle{color:green}a{color:inherit;text-decoration:underline}