-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.css.map
1 lines (1 loc) · 2.93 KB
/
main.css.map
1
{"version":3,"sources":["webpack:///./src/style.css"],"names":[],"mappings":"AAAA;;IAEI,SAAS;IACT,UAAU;AACd;;AAEA;;;IAGI,aAAa;IACb,sBAAsB;;AAE1B;AACA;IACI,kBAAkB;IAClB,YAAY;IACZ,sCAAsC;IACtC,2BAA2B;IAC3B,4BAA4B;IAC5B,sBAAsB;AAC1B;;AAEA;;IAEI,kBAAkB;IAClB,MAAM;IACN,OAAO;IACP,aAAa;IACb,+BAA+B;IAC/B,WAAW;;AAEf;AACA;IACI,aAAa;IACb,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,mBAAmB;IACnB;AACJ;;AAEA;EACE,YAAY;EACZ,kBAAkB;EAClB,kBAAkB;EAClB,yBAAyB;EACzB,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;EACZ,mBAAmB;EACnB,cAAc;EACd,WAAW;EACX,gBAAgB;EAChB,qCAAqC;EACrC,iFAAiF;EACjF,eAAe;EACf,iBAAiB;EACjB,yBAAyB;EACzB,0BAA0B;AAC5B;;AAEA;EACE,iCAAiC;EACjC,4CAA4C;EAC5C,WAAW;EACX,qBAAqB;AACvB;;AAEA;EACE,sBAAsB;AACxB;AACA;IACI,aAAa;IACb,6BAA6B;IAC7B,qBAAqB;IACrB,uBAAuB;IACvB,eAAe;IACf,YAAY;AAChB;AACA;IACI,YAAY;AAChB;AACA;IACI,cAAc;IACd,yBAAyB;IACzB,YAAY;AAChB;AACA;IACI,gBAAgB;IAChB,YAAY;AAChB;;AAEA;IACI,aAAa;IACb,kBAAkB;AACtB;AACA,sBAAsB;AACtB;IACI,YAAY;IACZ,aAAa;;AAEjB;AACA;IACI,UAAU;AACd;AACA;IACI,UAAU;AACd;AACA;IACI,WAAW;IACX,YAAY;AAChB","file":"main.css","sourcesContent":["*\n{\n margin: 0;\n padding: 0;\n}\n\nhtml,\nbody\n{\n height: 100vh;\n font-family: 'Poppins';\n\n}\nbody{\n overflow-x: hidden;\n height: 100%;\n /* Center and scale the image nicely */\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\n.webgl\n{\n position: absolute;\n top: 0;\n left: 0;\n outline: none;\n /* mix-blend-mode: exclusion; */\n z-index: -1;\n\n}\n.container{\n height: 100vh;\n display:flex ;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n align-items: center;\n gap:10vh\n}\n\n.button-87 {\n margin: 10px;\n padding: 15px 30px;\n text-align: center;\n text-transform: uppercase;\n transition: 0.5s;\n background-size: 200% auto;\n color: white;\n border-radius: 10px;\n display: block;\n border: 0px;\n font-weight: 700;\n box-shadow: 0px 0px 14px -7px #f09819;\n background-image: linear-gradient(45deg, #0d1265 0%, #550666 51%, #110115 100%);\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n}\n\n.button-87:hover {\n background-position: right center;\n /* change the direction of the change here */\n color: #fff;\n text-decoration: none;\n}\n\n.button-87:active {\n transform: scale(0.95);\n}\n.img{\n display: flex;\n justify-content: space-around;\n align-items: flex-end;\n align-content: flex-end;\n flex-wrap: wrap;\n height: 10vh;\n}\n.img1,.img2{\n height: 100%;\n}\nh1{\n font-size: 4vw;\n text-transform: uppercase;\n color: white;\n}\nh1.h-b{\n padding-top: 5vh;\n color: black;\n}\n\nsection{\n height: 100vh;\n text-align: center;\n}\n/* //stykes of image */\n.styles{\n height: 10vh;\n display: flex;\n\n}\n.left{\n width: 50%;\n}\n.right{\n width: 50%;\n}\nimg{\n width: 100%;\n height: 100%;\n}\n\n"],"sourceRoot":""}