diff --git a/public/css/styles.css b/public/css/styles.css index 3411dc0..1a8f1d9 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -1,4 +1,4 @@ -/* =================================================================== +/* =================================================================== * Flare Main Stylesheet * Template Ver. 1.0.0 * 03-19-2020 @@ -27,7 +27,7 @@ * ## block grids - mobile devices * ## block grids - small mobile devices <= 400px * # MISC - * # custom grid, block grid STACK breakpoints + * # custom grid, block grid STACK breakpoints * # base style overrides * ## links * # typography & general theme styles @@ -37,7 +37,7 @@ * ## tables * ## spacing * # preloader - * # forms + * # forms * ## style placeholder text * ## change autocomplete styles in Chrome * # buttons @@ -46,8 +46,8 @@ * ## skillbars * ## alert box * # common and reusable styles - * ## item list - * ## slick slider + * ## item list + * ## slick slider * # site header * ## header logo * ## main navigation @@ -84,7 +84,7 @@ * * ------------------------------------------------------------------- */ -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## fonts * ------------------------------------------------------------------- */ @@ -100,7 +100,7 @@ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## colors * ------------------------------------------------------------------- */ :root { @@ -109,14 +109,14 @@ * color-2(#eb5e55) * color-3(#f2d0a4) */ - --color-1: hsla(345, 93%, 44%, 1); + --color-1: #065cc9; --color-2: hsla(4, 79%, 63%, 1); --color-3: hsla(34, 75%, 80%, 1); /* theme color variations */ --color-1-lighter: hsla(345, 93%, 64%, 1); - --color-1-light : hsla(345, 93%, 54%, 1); + --color-1-light : #065cc9; --color-1-dark : hsla(345, 93%, 34%, 1); --color-1-darker : hsla(345, 93%, 24%, 1); --color-2-lighter: hsla(4, 79%, 83%, 1); @@ -125,7 +125,7 @@ --color-2-darker : hsla(4, 79%, 43%, 1); /* feedback colors - * color-error(#ffd1d2), color-success(#c8e675), + * color-error(#ffd1d2), color-success(#c8e675), * color-info(#d7ecfb), color-notice(#fff099) */ --color-error : hsla(359, 100%, 91%, 1); @@ -137,9 +137,9 @@ --color-info-content : hsla(205, 32%, 31%, 1); --color-notice-content : hsla(51, 30%, 30%, 1); - /* shades - * generated using - * Tint & Shade Generator + /* shades + * generated using + * Tint & Shade Generator * (https://maketintsandshades.com/) */ --color-black : #000000; @@ -194,20 +194,20 @@ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## vertical spacing and typescale * ------------------------------------------------------------------- */ :root { /* spacing - * base font size: 18px + * base font size: 18px * vertical space unit : 32px */ --base-size : 62.5%; --base-font-size: 1.8rem; --space : 3.2rem; - /* vertical spacing + /* vertical spacing */ --vspace-0_25: calc(0.25 * var(--space)); --vspace-0_5 : calc(0.5 * var(--space)); @@ -268,7 +268,7 @@ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## grid variables * ------------------------------------------------------------------- */ :root { @@ -300,7 +300,7 @@ * * -------------------------------------------------------------------------- */ -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## document * ------------------------------------------------------------------- */ @@ -314,7 +314,7 @@ html { /* 2 */ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## sections * ------------------------------------------------------------------- */ @@ -338,7 +338,7 @@ h1 { margin: 0.67em 0; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## grouping * ------------------------------------------------------------------- */ @@ -365,7 +365,7 @@ pre { /* 2 */ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## text-level semantics * ------------------------------------------------------------------- */ @@ -428,7 +428,7 @@ sup { top: -0.5em; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## embedded content * ------------------------------------------------------------------- */ @@ -438,7 +438,7 @@ img { border-style: none; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## forms * ------------------------------------------------------------------- */ @@ -573,7 +573,7 @@ textarea { /* 2 */ } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## interactive * ------------------------------------------------------------------- */ @@ -589,7 +589,7 @@ summary { display: list-item; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## misc * ------------------------------------------------------------------- */ @@ -634,7 +634,7 @@ body { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## media * ------------------------------------------------------------------- */ svg, img, video embed, iframe, object { @@ -643,7 +643,7 @@ svg, img, video embed, iframe, object { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## typography resets * ------------------------------------------------------------------- */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { @@ -680,7 +680,7 @@ li { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## links * ------------------------------------------------------------------- */ a { @@ -693,7 +693,7 @@ a img { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## inputs * ------------------------------------------------------------------- */ fieldset { @@ -701,13 +701,13 @@ fieldset { padding: 0; } -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; @@ -720,9 +720,9 @@ textarea { * # Grid v3.0.0 * * ----------------------------------------------------------------- - * - Grid breakpoints are based on MAXIMUM WIDTH media queries, + * - Grid breakpoints are based on MAXIMUM WIDTH media queries, * meaning they apply to that one breakpoint and ALL THOSE BELOW IT. - * - Grid columns without a specified width will automatically layout + * - Grid columns without a specified width will automatically layout * as equal width columns. * ------------------------------------------------------------------- */ @@ -879,7 +879,7 @@ textarea { align-self: flex-end; } -/* large screen column widths +/* large screen column widths */ .large-1 { -ms-flex: 0 0 8.33333%; @@ -966,7 +966,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## medium screen devices * ------------------------------------------------------------------- */ @media screen and (max-width: 1200px) { @@ -1052,7 +1052,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## tablets * ------------------------------------------------------------------- */ @media screen and (max-width: 800px) { @@ -1137,7 +1137,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## mobile devices * ------------------------------------------------------------------- */ @media screen and (max-width: 600px) { @@ -1232,7 +1232,7 @@ textarea { } } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## small mobile devices <= 400px * ------------------------------------------------------------------- */ @media screen and (max-width: 400px) { @@ -1309,7 +1309,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## block grids - medium screen devices * ------------------------------------------------------------------- */ @media screen and (max-width: 1200px) { @@ -1358,7 +1358,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## block grids - tablets * ------------------------------------------------------------------- */ @media screen and (max-width: 800px) { @@ -1407,7 +1407,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## block grids - mobile devices * ------------------------------------------------------------------- */ @media screen and (max-width: 600px) { @@ -1456,7 +1456,7 @@ textarea { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## block grids - small mobile devices <= 400px * ------------------------------------------------------------------- */ @media screen and (max-width: 400px) { @@ -1535,7 +1535,7 @@ textarea { /* =================================================================== - * # custom grid, block grid STACK breakpoints + * # custom grid, block grid STACK breakpoints * * ------------------------------------------------------------------- */ @media screen and (max-width: 1000px) { @@ -1582,7 +1582,7 @@ body { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## links * ------------------------------------------------------------------- */ a { @@ -1603,7 +1603,7 @@ a:hover, a:active { /* =================================================================== * # typography & general theme styles - * + * * ------------------------------------------------------------------- */ /* type scale - ratio 1:2 | base: 18px @@ -1865,7 +1865,7 @@ hr.fancy::before { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## lists * ------------------------------------------------------------------- */ ol { @@ -1917,7 +1917,7 @@ dd { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## responsive video container * ------------------------------------------------------------------- */ .video-container { @@ -1927,9 +1927,9 @@ dd { overflow: hidden; } -.video-container iframe, -.video-container object, -.video-container embed, +.video-container iframe, +.video-container object, +.video-container embed, .video-container video { position: absolute; top: 0; @@ -1939,7 +1939,7 @@ dd { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## floated image * ------------------------------------------------------------------- */ img.h-pull-right { @@ -1951,7 +1951,7 @@ img.h-pull-left { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## tables * ------------------------------------------------------------------- */ table { @@ -1975,7 +1975,7 @@ th { font-weight: 600; } -th:first-child, +th:first-child, td:first-child { padding-left: 0; } @@ -1990,27 +1990,27 @@ th:last-child, td:last-child { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## spacing * ------------------------------------------------------------------- */ -img, -p, -pre, -table, -blockquote, -figure, -figcaption, -ul, +img, +p, +pre, +table, +blockquote, +figure, +figcaption, +ul, ol, -dl, -form, -fieldset, -input, -textarea, -select, -button, -.btn, -.video-container, +dl, +form, +fieldset, +input, +textarea, +select, +button, +.btn, +.video-container, .ss-custom-select { margin-bottom: var(--vspace-1); } @@ -2204,7 +2204,7 @@ button, /* =================================================================== - * # forms + * # forms * * ------------------------------------------------------------------- */ fieldset { @@ -2212,14 +2212,14 @@ fieldset { margin-bottom: var(--vspace-0_5); } -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], -textarea, +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, select { --input-height: var(--vspace-2); --input-line-height: var(--vspace-1); @@ -2290,14 +2290,14 @@ textarea { min-height: calc(8 * var(--space)); } -input[type="email"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="text"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -textarea:focus, +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, select:focus { color: white; -webkit-box-shadow: 0 0 8px var(--color-gray-15); @@ -2315,7 +2315,7 @@ label, legend { display: block; } -input[type="checkbox"], +input[type="checkbox"], input[type="radio"] { display: inline; } @@ -2327,7 +2327,7 @@ label>.label-text { line-height: inherit; } -label>input[type="checkbox"], +label>input[type="checkbox"], label>input[type="radio"] { margin: 0; position: relative; @@ -2335,7 +2335,7 @@ label>input[type="radio"] { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## style placeholder text * ------------------------------------------------------------------- */ ::-webkit-input-placeholder { @@ -2359,7 +2359,7 @@ label>input[type="radio"] { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## change autocomplete styles in Chrome * ------------------------------------------------------------------- */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { @@ -2374,10 +2374,10 @@ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:foc * # buttons * * ------------------------------------------------------------------- */ -.btn, -button, -input[type="submit"], -input[type="reset"], +.btn, +button, +input[type="submit"], +input[type="reset"], input[type="button"] { --btn-height: var(--vspace-btn); @@ -2404,15 +2404,15 @@ input[type="button"] { border: 0.2rem solid var(--color-btn); } -.btn:hover, -button:hover, -input[type="submit"]:hover, -input[type="reset"]:hover, -input[type="button"]:hover, -.btn:focus, -button:focus, -input[type="submit"]:focus, -input[type="reset"]:focus, +.btn:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.btn:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, input[type="button"]:focus { background-color: var(--color-btn-hover); border-color: var(--color-btn-hover); @@ -2422,25 +2422,25 @@ input[type="button"]:focus { /* button primary * ------------------------------------------------- */ -.btn.btn--primary, -button.btn--primary, -input[type="submit"].btn--primary, -input[type="reset"].btn--primary, +.btn.btn--primary, +button.btn--primary, +input[type="submit"].btn--primary, +input[type="reset"].btn--primary, input[type="button"].btn--primary { background: var(--color-btn-primary); border-color: var(--color-btn-primary); color: var(--color-btn-primary-text); } -.btn.btn--primary:hover, -button.btn--primary:hover, -input[type="submit"].btn--primary:hover, -input[type="reset"].btn--primary:hover, -input[type="button"].btn--primary:hover, -.btn.btn--primary:focus, -button.btn--primary:focus, -input[type="submit"].btn--primary:focus, -input[type="reset"].btn--primary:focus, +.btn.btn--primary:hover, +button.btn--primary:hover, +input[type="submit"].btn--primary:hover, +input[type="reset"].btn--primary:hover, +input[type="button"].btn--primary:hover, +.btn.btn--primary:focus, +button.btn--primary:focus, +input[type="submit"].btn--primary:focus, +input[type="reset"].btn--primary:focus, input[type="button"].btn--primary:focus { background: var(--color-btn-primary-hover); border-color: var(--color-btn-primary-hover); @@ -2449,50 +2449,50 @@ input[type="button"].btn--primary:focus { /* button modifiers * ------------------------------------------------- */ -.btn.h-full-width, +.btn.h-full-width, button.h-full-width { width: 100%; margin-right: 0; } -.btn--small, +.btn--small, button.btn--small { font-size: 1.2rem; --btn-height: calc(var(--vspace-btn) - var(--vspace-0_5)); } -.btn--medium, +.btn--medium, button.btn--medium { --btn-height: calc(var(--vspace-btn) + var(--vspace-0_25)); } -.btn--large, +.btn--large, button.btn--large { --btn-height: calc(var(--vspace-btn) + var(--vspace-0_5)); } -.btn--stroke, +.btn--stroke, button.btn--stroke { background: transparent !important; border: 0.2rem solid var(--color-btn-stroke); color: var(--color-btn-stroke-text); } -.btn--stroke:hover, +.btn--stroke:hover, button.btn--stroke:hover { background: var(--color-btn-stroke-hover) !important; border: 0.2rem solid var(--color-btn-stroke-hover); color: var(--color-btn-stroke-hover-text); } -.btn--pill, +.btn--pill, button.btn--pill { padding-left: 3.2rem !important; padding-right: 3.2rem !important; border-radius: 1000px !important; } -button::-moz-focus-inner, +button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; @@ -2500,12 +2500,12 @@ input::-moz-focus-inner { -/* =================================================================== +/* =================================================================== * # additional components * * ------------------------------------------------------------------- */ -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## additional typo styles * ------------------------------------------------------------------- */ .drop-cap:first-letter { @@ -2520,7 +2520,7 @@ input::-moz-focus-inner { color: var(--color-text-dark); } -/* line definition style +/* line definition style * ----------------------------------------------- */ .lining dt, .lining dd { display: inline; @@ -2545,7 +2545,7 @@ input::-moz-focus-inner { margin-left: -0.2em; } -/* dictionary definition style +/* dictionary definition style * ----------------------------------------------- */ .dictionary-style dt { display: inline; @@ -2566,7 +2566,7 @@ input::-moz-focus-inner { content: counter(definitions, decimal) ". "; } -/** +/** * Pull Quotes * ----------- * markup: @@ -2614,7 +2614,7 @@ input::-moz-focus-inner { left: 50%; } -/** +/** * Stats Tab * --------- * markup: @@ -2670,7 +2670,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## skillbars * ------------------------------------------------------------------- */ .skill-bars { @@ -2794,7 +2794,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## alert box * ------------------------------------------------------------------- */ .alert-box { @@ -2818,7 +2818,7 @@ input::-moz-focus-inner { height: 12px; } -.alert-box__close::before, +.alert-box__close::before, .alert-box__close::after { content: ''; position: absolute; @@ -2844,7 +2844,7 @@ input::-moz-focus-inner { color: var(--color-error-content); } -.alert-box--error .alert-box__close::before, +.alert-box--error .alert-box__close::before, .alert-box--error .alert-box__close::after { background-color: var(--color-error-content); } @@ -2854,7 +2854,7 @@ input::-moz-focus-inner { color: var(--color-success-content); } -.alert-box--success .alert-box__close::before, +.alert-box--success .alert-box__close::before, .alert-box--success .alert-box__close::after { background-color: var(--color-success-content); } @@ -2864,7 +2864,7 @@ input::-moz-focus-inner { color: var(--color-info-content); } -.alert-box--info .alert-box__close::before, +.alert-box--info .alert-box__close::before, .alert-box--info .alert-box__close::after { background-color: var(--color-info-content); } @@ -2874,7 +2874,7 @@ input::-moz-focus-inner { color: var(--color-notice-content); } -.alert-box--notice .alert-box__close::before, +.alert-box--notice .alert-box__close::before, .alert-box--notice .alert-box__close::after { background-color: var(--color-notice-content); } @@ -2942,8 +2942,8 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- - * ## item list +/* ------------------------------------------------------------------- + * ## item list * ------------------------------------------------------------------- */ .item-list { margin-top: var(--vspace-2_5); @@ -2954,8 +2954,8 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- - * ## slick slider +/* ------------------------------------------------------------------- + * ## slick slider * ------------------------------------------------------------------- */ .slick-slider .slick-slide { outline: none; @@ -2998,18 +2998,18 @@ input::-moz-focus-inner { color: transparent; } -.slick-slider .slick-dots li button:hover, +.slick-slider .slick-dots li button:hover, .slick-slider .slick-dots li button:focus { outline: none; } -.slick-slider .slick-dots li.slick-active button, +.slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li:hover button { background: var(--color-1); } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * common and reusable styles * ------------------------------------------------------------------- */ @@ -3174,7 +3174,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## mobile menu toggle * ------------------------------------------------------------------- */ .s-header__menu-toggle { @@ -3196,7 +3196,7 @@ input::-moz-focus-inner { top: 1.6rem; } -.s-header__menu-toggle:hover, +.s-header__menu-toggle:hover, .s-header__menu-toggle:focus { color: white; } @@ -3219,7 +3219,7 @@ input::-moz-focus-inner { bottom: auto; } -.s-header__menu-toggle span::before, +.s-header__menu-toggle span::before, .s-header__menu-toggle span::after { content: ''; width: 100%; @@ -3245,7 +3245,7 @@ input::-moz-focus-inner { transition: all .1s; } -.s-header__menu-toggle.is-clicked span::before, +.s-header__menu-toggle.is-clicked span::before, .s-header__menu-toggle.is-clicked span::after { background-color: white; } @@ -3263,7 +3263,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## header contact button * ------------------------------------------------------------------- */ .s-header__content .btn { @@ -3300,27 +3300,27 @@ input::-moz-focus-inner { fill: white; } -.s-header__content .btn:hover, +.s-header__content .btn:hover, .s-header__content .btn:focus { background-color: var(--color-gray-19) !important; border-color: var(--color-gray-19) !important; color: white; } -.sticky .s-header__content .btn:hover, +.sticky .s-header__content .btn:hover, .sticky .s-header__content .btn:focus { background-color: white !important; border-color: white !important; color: black; } -.sticky .s-header__content .btn:hover svg path, +.sticky .s-header__content .btn:hover svg path, .sticky .s-header__content .btn:focus svg path { fill: black; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * header * ------------------------------------------------------------------- */ @@ -3350,21 +3350,21 @@ input::-moz-focus-inner { top: var(--vspace-0_5); height: 8rem; } - .s-header.sticky .s-header__content .btn, + .s-header.sticky .s-header__content .btn, .s-header .s-header__content .btn { --btn-height: calc(var(--vspace-btn) - 1.2rem) !important; } - .s-header.sticky .s-header__content .btn:hover, - .s-header.sticky .s-header__content .btn:focus, - .s-header .s-header__content .btn:hover, + .s-header.sticky .s-header__content .btn:hover, + .s-header.sticky .s-header__content .btn:focus, + .s-header .s-header__content .btn:hover, .s-header .s-header__content .btn:focus { background-color: white !important; border-color: white !important; color: black; } - .s-header.sticky .s-header__content .btn:hover svg path, - .s-header.sticky .s-header__content .btn:focus svg path, - .s-header .s-header__content .btn:hover svg path, + .s-header.sticky .s-header__content .btn:hover svg path, + .s-header.sticky .s-header__content .btn:focus svg path, + .s-header .s-header__content .btn:hover svg path, .s-header .s-header__content .btn:focus svg path { fill: black; } @@ -3522,7 +3522,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## hero content * ------------------------------------------------------------------- */ .s-hero__content { @@ -3599,7 +3599,7 @@ input::-moz-focus-inner { margin-right: 1.2rem; } -.s-hero__content-social a:hover, +.s-hero__content-social a:hover, .s-hero__content-social a:focus { color: var(--color-1-light); } @@ -3609,7 +3609,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## hero video * ------------------------------------------------------------------- */ .s-hero__video { @@ -3644,7 +3644,7 @@ input::-moz-focus-inner { position: relative; } -.s-hero__video-link:hover, +.s-hero__video-link:hover, .s-hero__video-link:focus { background-color: var(--color-gray-19); outline: 0; @@ -3655,7 +3655,7 @@ input::-moz-focus-inner { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## hero scroll * ------------------------------------------------------------------- */ .s-hero__scroll { @@ -3683,7 +3683,7 @@ input::-moz-focus-inner { position: relative; } -.s-hero__scroll-link:hover, +.s-hero__scroll-link:hover, .s-hero__scroll-link:focus { color: white; } @@ -3712,7 +3712,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## animations * ------------------------------------------------------------------- */ @@ -3806,7 +3806,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * content * ------------------------------------------------------------------- */ @@ -4049,7 +4049,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## about photo * ------------------------------------------------------------------- */ .s-about__photo-block { @@ -4069,7 +4069,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## about process * ------------------------------------------------------------------- */ .s-about__process { @@ -4105,7 +4105,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * about * ------------------------------------------------------------------- */ @@ -4216,7 +4216,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * services * ------------------------------------------------------------------- */ @@ -4245,7 +4245,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## portfolio list * ------------------------------------------------------------------- */ .s-portfolio__list { @@ -4379,8 +4379,8 @@ html.no-csstransitions .s-hero__content { left: -3rem; } -.folio-item__project-link:hover, -.folio-item__project-link:focus, +.folio-item__project-link:hover, +.folio-item__project-link:focus, .folio-item__project-link:active { background-color: white; border: 1px solid white; @@ -4416,7 +4416,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * portfolio * ------------------------------------------------------------------- */ @@ -4479,7 +4479,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## clients slider * ------------------------------------------------------------------- */ .clients-outer { @@ -4513,7 +4513,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## testimonials * ------------------------------------------------------------------- */ .testimonials { @@ -4546,7 +4546,7 @@ html.no-csstransitions .s-hero__content { opacity: .15; } -.testimonials .slick-arrow:hover, +.testimonials .slick-arrow:hover, .testimonials .slick-arrow:focus { opacity: 1; } @@ -4617,7 +4617,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * clients * ------------------------------------------------------------------- */ @@ -4722,13 +4722,13 @@ html.no-csstransitions .s-hero__content { border-bottom: 2px solid transparent; } -.s-contact__email a:hover, +.s-contact__email a:hover, .s-contact__email a:focus { border-bottom: 2px solid white; } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * contact * ------------------------------------------------------------------- */ @@ -4772,7 +4772,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## footer block * ------------------------------------------------------------------- */ .s-footer__block { @@ -4817,7 +4817,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## footer list * ------------------------------------------------------------------- */ .s-footer__list { @@ -4830,7 +4830,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## copyright * ------------------------------------------------------------------- */ .ss-copyright { @@ -4866,7 +4866,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * ## go top * ------------------------------------------------------------------- */ .ss-go-top { @@ -4905,7 +4905,7 @@ html.no-csstransitions .s-hero__content { } -/* ------------------------------------------------------------------- +/* ------------------------------------------------------------------- * responsive: * footer * ------------------------------------------------------------------- */ @@ -4966,4 +4966,4 @@ html.no-csstransitions .s-hero__content { .ss-copyright { font-size: 1.4rem; } -} \ No newline at end of file +} diff --git a/public/css/vendor.css b/public/css/vendor.css index ceaf1ec..2132f18 100644 --- a/public/css/vendor.css +++ b/public/css/vendor.css @@ -15,8 +15,6 @@ * * =================================================================== */ - - /* =================================================================== * # Lity - v2.4.0 - 2019-08-10 * http://sorgalla.com/lity/ @@ -112,7 +110,8 @@ transition: transform 0.3s ease, -webkit-transform 0.3s ease; } -.lity-loading .lity-content, .lity-closed .lity-content { +.lity-loading .lity-content, +.lity-closed .lity-content { -webkit-transform: scale(0.8); transform: scale(0.8); } @@ -159,9 +158,10 @@ border-radius: 50%; } -.lity-close::before, .lity-close::after { +.lity-close::before, +.lity-close::after { display: block; - content: ""; + content: ''; height: 20px; width: 2px; background-color: white; @@ -185,7 +185,10 @@ padding: 0; } -.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { +.lity-close:hover, +.lity-close:focus, +.lity-close:active, +.lity-close:visited { text-decoration: none; text-align: center; padding: 0; @@ -205,7 +208,14 @@ color: transparent; } -.lity-close:hover::before, .lity-close:hover::after, .lity-close:focus::before, .lity-close:focus::after, .lity-close:active::before, .lity-close:active::after, .lity-close:visited::before, .lity-close:visited::after { +.lity-close:hover::before, +.lity-close:hover::after, +.lity-close:focus::before, +.lity-close:focus::after, +.lity-close:active::before, +.lity-close:active::after, +.lity-close:visited::before, +.lity-close:visited::after { background-color: var(--color-1); } @@ -220,7 +230,11 @@ /* iFrame */ -.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { +.lity-iframe .lity-container, +.lity-youtube .lity-container, +.lity-vimeo .lity-container, +.lity-facebookvideo .lity-container, +.lity-googlemaps .lity-container { width: 100%; max-width: 964px; } @@ -250,1013 +264,1211 @@ display: none; } - - /* =================================================================== * # Animate On Scroll * https://michalsnik.github.io/aos/ * ------------------------------------------------------------------- */ -[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { +[data-aos][data-aos][data-aos-duration='50'], +body[data-aos-duration='50'] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } -[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { +[data-aos][data-aos][data-aos-delay='50'], +body[data-aos-delay='50'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='50'].aos-animate, +body[data-aos-delay='50'] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } -[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { - -webkit-transition-duration: .1s; - transition-duration: .1s; +[data-aos][data-aos][data-aos-duration='100'], +body[data-aos-duration='100'] [data-aos] { + -webkit-transition-duration: 0.1s; + transition-duration: 0.1s; } -[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { +[data-aos][data-aos][data-aos-delay='100'], +body[data-aos-delay='100'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { - -webkit-transition-delay: .1s; - transition-delay: .1s; +[data-aos][data-aos][data-aos-delay='100'].aos-animate, +body[data-aos-delay='100'] [data-aos].aos-animate { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; } -[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { - -webkit-transition-duration: .15s; - transition-duration: .15s; +[data-aos][data-aos][data-aos-duration='150'], +body[data-aos-duration='150'] [data-aos] { + -webkit-transition-duration: 0.15s; + transition-duration: 0.15s; } -[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { +[data-aos][data-aos][data-aos-delay='150'], +body[data-aos-delay='150'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { - -webkit-transition-delay: .15s; - transition-delay: .15s; +[data-aos][data-aos][data-aos-delay='150'].aos-animate, +body[data-aos-delay='150'] [data-aos].aos-animate { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; } -[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { - -webkit-transition-duration: .2s; - transition-duration: .2s; +[data-aos][data-aos][data-aos-duration='200'], +body[data-aos-duration='200'] [data-aos] { + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; } -[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { +[data-aos][data-aos][data-aos-delay='200'], +body[data-aos-delay='200'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { - -webkit-transition-delay: .2s; - transition-delay: .2s; +[data-aos][data-aos][data-aos-delay='200'].aos-animate, +body[data-aos-delay='200'] [data-aos].aos-animate { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; } -[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { - -webkit-transition-duration: .25s; - transition-duration: .25s; +[data-aos][data-aos][data-aos-duration='250'], +body[data-aos-duration='250'] [data-aos] { + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; } -[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { +[data-aos][data-aos][data-aos-delay='250'], +body[data-aos-delay='250'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { - -webkit-transition-delay: .25s; - transition-delay: .25s; +[data-aos][data-aos][data-aos-delay='250'].aos-animate, +body[data-aos-delay='250'] [data-aos].aos-animate { + -webkit-transition-delay: 0.25s; + transition-delay: 0.25s; } -[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { - -webkit-transition-duration: .3s; - transition-duration: .3s; +[data-aos][data-aos][data-aos-duration='300'], +body[data-aos-duration='300'] [data-aos] { + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; } -[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { +[data-aos][data-aos][data-aos-delay='300'], +body[data-aos-delay='300'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { - -webkit-transition-delay: .3s; - transition-delay: .3s; +[data-aos][data-aos][data-aos-delay='300'].aos-animate, +body[data-aos-delay='300'] [data-aos].aos-animate { + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; } -[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { - -webkit-transition-duration: .35s; - transition-duration: .35s; +[data-aos][data-aos][data-aos-duration='350'], +body[data-aos-duration='350'] [data-aos] { + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; } -[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { +[data-aos][data-aos][data-aos-delay='350'], +body[data-aos-delay='350'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { - -webkit-transition-delay: .35s; - transition-delay: .35s; +[data-aos][data-aos][data-aos-delay='350'].aos-animate, +body[data-aos-delay='350'] [data-aos].aos-animate { + -webkit-transition-delay: 0.35s; + transition-delay: 0.35s; } -[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { - -webkit-transition-duration: .4s; - transition-duration: .4s; +[data-aos][data-aos][data-aos-duration='400'], +body[data-aos-duration='400'] [data-aos] { + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; } -[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { +[data-aos][data-aos][data-aos-delay='400'], +body[data-aos-delay='400'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { - -webkit-transition-delay: .4s; - transition-delay: .4s; +[data-aos][data-aos][data-aos-delay='400'].aos-animate, +body[data-aos-delay='400'] [data-aos].aos-animate { + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; } -[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { - -webkit-transition-duration: .45s; - transition-duration: .45s; +[data-aos][data-aos][data-aos-duration='450'], +body[data-aos-duration='450'] [data-aos] { + -webkit-transition-duration: 0.45s; + transition-duration: 0.45s; } -[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { +[data-aos][data-aos][data-aos-delay='450'], +body[data-aos-delay='450'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { - -webkit-transition-delay: .45s; - transition-delay: .45s; +[data-aos][data-aos][data-aos-delay='450'].aos-animate, +body[data-aos-delay='450'] [data-aos].aos-animate { + -webkit-transition-delay: 0.45s; + transition-delay: 0.45s; } -[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { - -webkit-transition-duration: .5s; - transition-duration: .5s; +[data-aos][data-aos][data-aos-duration='500'], +body[data-aos-duration='500'] [data-aos] { + -webkit-transition-duration: 0.5s; + transition-duration: 0.5s; } -[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { +[data-aos][data-aos][data-aos-delay='500'], +body[data-aos-delay='500'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { - -webkit-transition-delay: .5s; - transition-delay: .5s; +[data-aos][data-aos][data-aos-delay='500'].aos-animate, +body[data-aos-delay='500'] [data-aos].aos-animate { + -webkit-transition-delay: 0.5s; + transition-delay: 0.5s; } -[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { - -webkit-transition-duration: .55s; - transition-duration: .55s; +[data-aos][data-aos][data-aos-duration='550'], +body[data-aos-duration='550'] [data-aos] { + -webkit-transition-duration: 0.55s; + transition-duration: 0.55s; } -[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { +[data-aos][data-aos][data-aos-delay='550'], +body[data-aos-delay='550'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { - -webkit-transition-delay: .55s; - transition-delay: .55s; +[data-aos][data-aos][data-aos-delay='550'].aos-animate, +body[data-aos-delay='550'] [data-aos].aos-animate { + -webkit-transition-delay: 0.55s; + transition-delay: 0.55s; } -[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { - -webkit-transition-duration: .6s; - transition-duration: .6s; +[data-aos][data-aos][data-aos-duration='600'], +body[data-aos-duration='600'] [data-aos] { + -webkit-transition-duration: 0.6s; + transition-duration: 0.6s; } -[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { +[data-aos][data-aos][data-aos-delay='600'], +body[data-aos-delay='600'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { - -webkit-transition-delay: .6s; - transition-delay: .6s; +[data-aos][data-aos][data-aos-delay='600'].aos-animate, +body[data-aos-delay='600'] [data-aos].aos-animate { + -webkit-transition-delay: 0.6s; + transition-delay: 0.6s; } -[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { - -webkit-transition-duration: .65s; - transition-duration: .65s; +[data-aos][data-aos][data-aos-duration='650'], +body[data-aos-duration='650'] [data-aos] { + -webkit-transition-duration: 0.65s; + transition-duration: 0.65s; } -[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { +[data-aos][data-aos][data-aos-delay='650'], +body[data-aos-delay='650'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { - -webkit-transition-delay: .65s; - transition-delay: .65s; +[data-aos][data-aos][data-aos-delay='650'].aos-animate, +body[data-aos-delay='650'] [data-aos].aos-animate { + -webkit-transition-delay: 0.65s; + transition-delay: 0.65s; } -[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { - -webkit-transition-duration: .7s; - transition-duration: .7s; +[data-aos][data-aos][data-aos-duration='700'], +body[data-aos-duration='700'] [data-aos] { + -webkit-transition-duration: 0.7s; + transition-duration: 0.7s; } -[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { +[data-aos][data-aos][data-aos-delay='700'], +body[data-aos-delay='700'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { - -webkit-transition-delay: .7s; - transition-delay: .7s; +[data-aos][data-aos][data-aos-delay='700'].aos-animate, +body[data-aos-delay='700'] [data-aos].aos-animate { + -webkit-transition-delay: 0.7s; + transition-delay: 0.7s; } -[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { - -webkit-transition-duration: .75s; - transition-duration: .75s; +[data-aos][data-aos][data-aos-duration='750'], +body[data-aos-duration='750'] [data-aos] { + -webkit-transition-duration: 0.75s; + transition-duration: 0.75s; } -[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { +[data-aos][data-aos][data-aos-delay='750'], +body[data-aos-delay='750'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { - -webkit-transition-delay: .75s; - transition-delay: .75s; +[data-aos][data-aos][data-aos-delay='750'].aos-animate, +body[data-aos-delay='750'] [data-aos].aos-animate { + -webkit-transition-delay: 0.75s; + transition-delay: 0.75s; } -[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { - -webkit-transition-duration: .8s; - transition-duration: .8s; +[data-aos][data-aos][data-aos-duration='800'], +body[data-aos-duration='800'] [data-aos] { + -webkit-transition-duration: 0.8s; + transition-duration: 0.8s; } -[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { +[data-aos][data-aos][data-aos-delay='800'], +body[data-aos-delay='800'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { - -webkit-transition-delay: .8s; - transition-delay: .8s; +[data-aos][data-aos][data-aos-delay='800'].aos-animate, +body[data-aos-delay='800'] [data-aos].aos-animate { + -webkit-transition-delay: 0.8s; + transition-delay: 0.8s; } -[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { - -webkit-transition-duration: .85s; - transition-duration: .85s; +[data-aos][data-aos][data-aos-duration='850'], +body[data-aos-duration='850'] [data-aos] { + -webkit-transition-duration: 0.85s; + transition-duration: 0.85s; } -[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { +[data-aos][data-aos][data-aos-delay='850'], +body[data-aos-delay='850'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { - -webkit-transition-delay: .85s; - transition-delay: .85s; +[data-aos][data-aos][data-aos-delay='850'].aos-animate, +body[data-aos-delay='850'] [data-aos].aos-animate { + -webkit-transition-delay: 0.85s; + transition-delay: 0.85s; } -[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { - -webkit-transition-duration: .9s; - transition-duration: .9s; +[data-aos][data-aos][data-aos-duration='900'], +body[data-aos-duration='900'] [data-aos] { + -webkit-transition-duration: 0.9s; + transition-duration: 0.9s; } -[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { +[data-aos][data-aos][data-aos-delay='900'], +body[data-aos-delay='900'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { - -webkit-transition-delay: .9s; - transition-delay: .9s; +[data-aos][data-aos][data-aos-delay='900'].aos-animate, +body[data-aos-delay='900'] [data-aos].aos-animate { + -webkit-transition-delay: 0.9s; + transition-delay: 0.9s; } -[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { - -webkit-transition-duration: .95s; - transition-duration: .95s; +[data-aos][data-aos][data-aos-duration='950'], +body[data-aos-duration='950'] [data-aos] { + -webkit-transition-duration: 0.95s; + transition-duration: 0.95s; } -[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { +[data-aos][data-aos][data-aos-delay='950'], +body[data-aos-delay='950'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { - -webkit-transition-delay: .95s; - transition-delay: .95s; +[data-aos][data-aos][data-aos-delay='950'].aos-animate, +body[data-aos-delay='950'] [data-aos].aos-animate { + -webkit-transition-delay: 0.95s; + transition-delay: 0.95s; } -[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1000'], +body[data-aos-duration='1000'] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } -[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1000'], +body[data-aos-delay='1000'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1000'].aos-animate, +body[data-aos-delay='1000'] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; } -[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1050'], +body[data-aos-duration='1050'] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } -[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1050'], +body[data-aos-delay='1050'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1050'].aos-animate, +body[data-aos-delay='1050'] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } -[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1100'], +body[data-aos-duration='1100'] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } -[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1100'], +body[data-aos-delay='1100'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1100'].aos-animate, +body[data-aos-delay='1100'] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } -[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1150'], +body[data-aos-duration='1150'] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } -[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1150'], +body[data-aos-delay='1150'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1150'].aos-animate, +body[data-aos-delay='1150'] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } -[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1200'], +body[data-aos-duration='1200'] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } -[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1200'], +body[data-aos-delay='1200'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1200'].aos-animate, +body[data-aos-delay='1200'] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } -[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1250'], +body[data-aos-duration='1250'] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } -[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1250'], +body[data-aos-delay='1250'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1250'].aos-animate, +body[data-aos-delay='1250'] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; } -[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1300'], +body[data-aos-duration='1300'] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } -[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1300'], +body[data-aos-delay='1300'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1300'].aos-animate, +body[data-aos-delay='1300'] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } -[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1350'], +body[data-aos-duration='1350'] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } -[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1350'], +body[data-aos-delay='1350'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1350'].aos-animate, +body[data-aos-delay='1350'] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } -[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1400'], +body[data-aos-duration='1400'] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } -[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1400'], +body[data-aos-delay='1400'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1400'].aos-animate, +body[data-aos-delay='1400'] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } -[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1450'], +body[data-aos-duration='1450'] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } -[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1450'], +body[data-aos-delay='1450'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1450'].aos-animate, +body[data-aos-delay='1450'] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } -[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1500'], +body[data-aos-duration='1500'] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } -[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1500'], +body[data-aos-delay='1500'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1500'].aos-animate, +body[data-aos-delay='1500'] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } -[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1550'], +body[data-aos-duration='1550'] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } -[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1550'], +body[data-aos-delay='1550'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1550'].aos-animate, +body[data-aos-delay='1550'] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; } -[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1600'], +body[data-aos-duration='1600'] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } -[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1600'], +body[data-aos-delay='1600'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1600'].aos-animate, +body[data-aos-delay='1600'] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } -[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1650'], +body[data-aos-duration='1650'] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } -[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1650'], +body[data-aos-delay='1650'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1650'].aos-animate, +body[data-aos-delay='1650'] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } -[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1700'], +body[data-aos-duration='1700'] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } -[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1700'], +body[data-aos-delay='1700'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1700'].aos-animate, +body[data-aos-delay='1700'] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } -[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1750'], +body[data-aos-duration='1750'] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } -[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1750'], +body[data-aos-delay='1750'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1750'].aos-animate, +body[data-aos-delay='1750'] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; } -[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1800'], +body[data-aos-duration='1800'] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } -[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1800'], +body[data-aos-delay='1800'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1800'].aos-animate, +body[data-aos-delay='1800'] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } -[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1850'], +body[data-aos-duration='1850'] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } -[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1850'], +body[data-aos-delay='1850'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1850'].aos-animate, +body[data-aos-delay='1850'] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; } -[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1900'], +body[data-aos-duration='1900'] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } -[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1900'], +body[data-aos-delay='1900'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1900'].aos-animate, +body[data-aos-delay='1900'] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } -[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { +[data-aos][data-aos][data-aos-duration='1950'], +body[data-aos-duration='1950'] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } -[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { +[data-aos][data-aos][data-aos-delay='1950'], +body[data-aos-delay='1950'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='1950'].aos-animate, +body[data-aos-delay='1950'] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } -[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2000'], +body[data-aos-duration='2000'] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; } -[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2000'], +body[data-aos-delay='2000'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2000'].aos-animate, +body[data-aos-delay='2000'] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; } -[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2050'], +body[data-aos-duration='2050'] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; } -[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2050'], +body[data-aos-delay='2050'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2050'].aos-animate, +body[data-aos-delay='2050'] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; } -[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2100'], +body[data-aos-duration='2100'] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } -[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2100'], +body[data-aos-delay='2100'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2100'].aos-animate, +body[data-aos-delay='2100'] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } -[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2150'], +body[data-aos-duration='2150'] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; } -[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2150'], +body[data-aos-delay='2150'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2150'].aos-animate, +body[data-aos-delay='2150'] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; } -[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2200'], +body[data-aos-duration='2200'] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } -[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2200'], +body[data-aos-delay='2200'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2200'].aos-animate, +body[data-aos-delay='2200'] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } -[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2250'], +body[data-aos-duration='2250'] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; } -[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2250'], +body[data-aos-delay='2250'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2250'].aos-animate, +body[data-aos-delay='2250'] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } -[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2300'], +body[data-aos-duration='2300'] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } -[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2300'], +body[data-aos-delay='2300'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2300'].aos-animate, +body[data-aos-delay='2300'] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } -[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2350'], +body[data-aos-duration='2350'] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; } -[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2350'], +body[data-aos-delay='2350'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2350'].aos-animate, +body[data-aos-delay='2350'] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; } -[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2400'], +body[data-aos-duration='2400'] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } -[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2400'], +body[data-aos-delay='2400'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2400'].aos-animate, +body[data-aos-delay='2400'] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } -[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2450'], +body[data-aos-duration='2450'] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; } -[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2450'], +body[data-aos-delay='2450'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2450'].aos-animate, +body[data-aos-delay='2450'] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } -[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2500'], +body[data-aos-duration='2500'] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } -[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2500'], +body[data-aos-delay='2500'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2500'].aos-animate, +body[data-aos-delay='2500'] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } -[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2550'], +body[data-aos-duration='2550'] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; } -[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2550'], +body[data-aos-delay='2550'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2550'].aos-animate, +body[data-aos-delay='2550'] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } -[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2600'], +body[data-aos-duration='2600'] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; } -[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2600'], +body[data-aos-delay='2600'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2600'].aos-animate, +body[data-aos-delay='2600'] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } -[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2650'], +body[data-aos-duration='2650'] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; } -[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2650'], +body[data-aos-delay='2650'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2650'].aos-animate, +body[data-aos-delay='2650'] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; } -[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2700'], +body[data-aos-duration='2700'] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; } -[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2700'], +body[data-aos-delay='2700'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2700'].aos-animate, +body[data-aos-delay='2700'] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } -[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2750'], +body[data-aos-duration='2750'] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; } -[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2750'], +body[data-aos-delay='2750'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2750'].aos-animate, +body[data-aos-delay='2750'] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; } -[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2800'], +body[data-aos-duration='2800'] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; } -[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2800'], +body[data-aos-delay='2800'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2800'].aos-animate, +body[data-aos-delay='2800'] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } -[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2850'], +body[data-aos-duration='2850'] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; } -[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2850'], +body[data-aos-delay='2850'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2850'].aos-animate, +body[data-aos-delay='2850'] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } -[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2900'], +body[data-aos-duration='2900'] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; } -[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2900'], +body[data-aos-delay='2900'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2900'].aos-animate, +body[data-aos-delay='2900'] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } -[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { +[data-aos][data-aos][data-aos-duration='2950'], +body[data-aos-duration='2950'] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; } -[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { +[data-aos][data-aos][data-aos-delay='2950'], +body[data-aos-delay='2950'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='2950'].aos-animate, +body[data-aos-delay='2950'] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; } -[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { +[data-aos][data-aos][data-aos-duration='3000'], +body[data-aos-duration='3000'] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; } -[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { +[data-aos][data-aos][data-aos-delay='3000'], +body[data-aos-delay='3000'] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } -[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { +[data-aos][data-aos][data-aos-delay='3000'].aos-animate, +body[data-aos-delay='3000'] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; } -[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { +[data-aos][data-aos][data-aos-easing='linear'], +body[data-aos-easing='linear'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } -[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease'], +body[data-aos-easing='ease'] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } -[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in'], +body[data-aos-easing='ease-in'] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } -[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out'], +body[data-aos-easing='ease-out'] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } -[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out'], +body[data-aos-easing='ease-in-out'] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } -[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-back'], +body[data-aos-easing='ease-in-back'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } -[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out-back'], +body[data-aos-easing='ease-out-back'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } -[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out-back'], +body[data-aos-easing='ease-in-out-back'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } -[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-sine'], +body[data-aos-easing='ease-in-sine'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } -[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out-sine'], +body[data-aos-easing='ease-out-sine'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } -[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out-sine'], +body[data-aos-easing='ease-in-out-sine'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } -[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-quad'], +body[data-aos-easing='ease-in-quad'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } -[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out-quad'], +body[data-aos-easing='ease-out-quad'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } -[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out-quad'], +body[data-aos-easing='ease-in-out-quad'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } -[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-cubic'], +body[data-aos-easing='ease-in-cubic'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } -[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out-cubic'], +body[data-aos-easing='ease-out-cubic'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } -[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out-cubic'], +body[data-aos-easing='ease-in-out-cubic'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } -[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-quart'], +body[data-aos-easing='ease-in-quart'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } -[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-out-quart'], +body[data-aos-easing='ease-out-quart'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } -[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { +[data-aos][data-aos][data-aos-easing='ease-in-out-quart'], +body[data-aos-easing='ease-in-out-quart'] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } -[data-aos^=fade][data-aos^=fade] { +[data-aos^='fade'][data-aos^='fade'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; @@ -1264,53 +1476,53 @@ transition-property: opacity, transform, -webkit-transform; } -[data-aos^=fade][data-aos^=fade].aos-animate { +[data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } -[data-aos=fade-up] { +[data-aos='fade-up'] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } -[data-aos=fade-down] { +[data-aos='fade-down'] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } -[data-aos=fade-right] { +[data-aos='fade-right'] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } -[data-aos=fade-left] { +[data-aos='fade-left'] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } -[data-aos=fade-up-right] { +[data-aos='fade-up-right'] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } -[data-aos=fade-up-left] { +[data-aos='fade-up-left'] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } -[data-aos=fade-down-right] { +[data-aos='fade-down-right'] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } -[data-aos=fade-down-left] { +[data-aos='fade-down-left'] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } -[data-aos^=zoom][data-aos^=zoom] { +[data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; @@ -1318,95 +1530,95 @@ transition-property: opacity, transform, -webkit-transform; } -[data-aos^=zoom][data-aos^=zoom].aos-animate { +[data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } -[data-aos=zoom-in] { +[data-aos='zoom-in'] { -webkit-transform: scale(0.6); transform: scale(0.6); } -[data-aos=zoom-in-up] { +[data-aos='zoom-in-up'] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } -[data-aos=zoom-in-down] { +[data-aos='zoom-in-down'] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } -[data-aos=zoom-in-right] { +[data-aos='zoom-in-right'] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } -[data-aos=zoom-in-left] { +[data-aos='zoom-in-left'] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } -[data-aos=zoom-out] { +[data-aos='zoom-out'] { -webkit-transform: scale(1.2); transform: scale(1.2); } -[data-aos=zoom-out-up] { +[data-aos='zoom-out-up'] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } -[data-aos=zoom-out-down] { +[data-aos='zoom-out-down'] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } -[data-aos=zoom-out-right] { +[data-aos='zoom-out-right'] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } -[data-aos=zoom-out-left] { +[data-aos='zoom-out-left'] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } -[data-aos^=slide][data-aos^=slide] { +[data-aos^='slide'][data-aos^='slide'] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } -[data-aos^=slide][data-aos^=slide].aos-animate { +[data-aos^='slide'][data-aos^='slide'].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } -[data-aos=slide-up] { +[data-aos='slide-up'] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } -[data-aos=slide-down] { +[data-aos='slide-down'] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } -[data-aos=slide-right] { +[data-aos='slide-right'] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } -[data-aos=slide-left] { +[data-aos='slide-left'] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } -[data-aos^=flip][data-aos^=flip] { +[data-aos^='flip'][data-aos^='flip'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; @@ -1415,48 +1627,46 @@ transition-property: transform, -webkit-transform; } -[data-aos=flip-left] { +[data-aos='flip-left'] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } -[data-aos=flip-left].aos-animate { +[data-aos='flip-left'].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } -[data-aos=flip-right] { +[data-aos='flip-right'] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } -[data-aos=flip-right].aos-animate { +[data-aos='flip-right'].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } -[data-aos=flip-up] { +[data-aos='flip-up'] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } -[data-aos=flip-up].aos-animate { +[data-aos='flip-up'].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } -[data-aos=flip-down] { +[data-aos='flip-down'] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } -[data-aos=flip-down].aos-animate { +[data-aos='flip-down'].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } - - /* =================================================================== * # Slick Slider * http://kenwheeler.github.io/slick/ @@ -1495,7 +1705,8 @@ cursor: hand; } -.slick-slider .slick-track, .slick-slider .slick-list { +.slick-slider .slick-track, +.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @@ -1509,8 +1720,9 @@ margin-right: auto; } -.slick-track:before, .slick-track:after { - content: ""; +.slick-track:before, +.slick-track:after { + content: ''; display: table; } @@ -1529,7 +1741,7 @@ display: none; } -[dir="rtl"] .slick-slide { +[dir='rtl'] .slick-slide { float: right; } @@ -1563,8 +1775,6 @@ display: none; } - - /* =================================================================== * # prettyprint GitHub Theme * @@ -1646,7 +1856,9 @@ .lit { color: #004444; } - .pun, .opn, .clo { + .pun, + .opn, + .clo { color: #444400; } .tag { @@ -1670,17 +1882,28 @@ ol.linenums { /* IE indents via margin-left */ -li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 { - /* */ -} +/* li.L0, +li.L1, +li.L2, +li.L3, +li.L4, +li.L5, +li.L6, +li.L7, +li.L8, +li.L9 { + +} */ /* Alternate shading for lines */ -li.L1, li.L3, li.L5, li.L7, li.L9 { - /* */ -} - - +/* li.L1, +li.L3, +li.L5, +li.L7, +li.L9 { + +} */ /* =================================================================== * # PhotoSwipe main CSS by Dmitry Semenov @@ -1706,6 +1929,7 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + backface-visibility: hidden; -webkit-backface-visibility: hidden; outline: none; } @@ -1770,6 +1994,7 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); + backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: opacity; } @@ -1783,7 +2008,8 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { overflow: hidden; } -.pswp__container, .pswp__zoom-wrap { +.pswp__container, +.pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; @@ -1795,7 +2021,8 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { /* Prevent selection and tap highlights */ -.pswp__container, .pswp__img { +.pswp__container, +.pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -1813,7 +2040,8 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); - transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), + -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { @@ -1823,12 +2051,15 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } -.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } -.pswp__container, .pswp__zoom-wrap { +.pswp__container, +.pswp__zoom-wrap { + backface-visibility: hidden; -webkit-backface-visibility: hidden; } @@ -1855,6 +2086,7 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { */ .pswp__img--placeholder { + backface-visibility: hidden; -webkit-backface-visibility: hidden; } @@ -1888,16 +2120,14 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { font-size: 14px; line-height: 16px; margin-top: -8px; - color: #CCC; + color: #ccc; } .pswp__error-msg a { - color: #CCC; + color: #ccc; text-decoration: underline; } - - /* =================================================================== * # PhotoSwipe Skin * @@ -1941,7 +2171,8 @@ li.L1, li.L3, li.L5, li.L7, li.L9 { box-shadow: none; } -.pswp__button:focus, .pswp__button:hover { +.pswp__button:focus, +.pswp__button:hover { opacity: 1; background-color: transparent; } @@ -1965,19 +2196,27 @@ over element that should close gallery opacity: 1; } -.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { +.pswp__button, +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { background: url(../images/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } -@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { +@media (-webkit-min-device-pixel-ratio: 1.1), + (-webkit-min-device-pixel-ratio: 1.09375), + (min-resolution: 105dpi), + (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ - .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { + .pswp--svg .pswp__button, + .pswp--svg .pswp__button--arrow--left:before, + .pswp--svg .pswp__button--arrow--right:before { background-image: url(images/photoswipe/default-skin.svg); } - .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { + .pswp--svg .pswp__button--arrow--left, + .pswp--svg .pswp__button--arrow--right { background: none; } } @@ -2017,7 +2256,8 @@ over element that should close gallery /* no arrows on touch screens */ -.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { +.pswp--touch .pswp__button--arrow--left, +.pswp--touch .pswp__button--arrow--right { visibility: hidden; } @@ -2026,7 +2266,8 @@ Arrow buttons hit area (icon is added to :before pseudo-element) */ -.pswp__button--arrow--left, .pswp__button--arrow--right { +.pswp__button--arrow--left, +.pswp__button--arrow--right { background: none; top: 50%; margin-top: -22px; @@ -2043,7 +2284,8 @@ Arrow buttons hit area right: 12px; } -.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { content: ''; top: 0; background-color: rgba(0, 0, 0, 0.3); @@ -2067,7 +2309,8 @@ Arrow buttons hit area * ## 2. Share modal/popup and links * ------------------------------------------------------------------- */ -.pswp__counter, .pswp__share-modal { +.pswp__counter, +.pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -2087,6 +2330,7 @@ Arrow buttons hit area opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; + backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: opacity; } @@ -2098,7 +2342,7 @@ Arrow buttons hit area .pswp__share-tooltip { z-index: 1620; position: absolute; - background: #FFF; + background: #fff; top: 56px; border-radius: 3px; display: block; @@ -2112,6 +2356,7 @@ Arrow buttons hit area transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; + backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform; } @@ -2163,33 +2408,33 @@ a.pswp__share--facebook:before { top: -12px; right: 15px; border: 6px solid transparent; - border-bottom-color: #FFF; + border-bottom-color: #fff; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { - background: #3E5C9A; - color: #FFF; + background: #3e5c9a; + color: #fff; } a.pswp__share--facebook:hover:before { - border-bottom-color: #3E5C9A; + border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { - background: #55ACEE; - color: #FFF; + background: #55acee; + color: #fff; } a.pswp__share--pinterest:hover { - background: #CCC; - color: #CE272D; + background: #ccc; + color: #ce272d; } a.pswp__share--download:hover { - background: #DDD; + background: #ddd; } /* ------------------------------------------------------------------- @@ -2203,7 +2448,7 @@ a.pswp__share--download:hover { height: 44px; font-size: 13px; line-height: 44px; - color: #FFF; + color: #fff; opacity: 0.75; padding: 0 10px; } @@ -2223,7 +2468,7 @@ a.pswp__share--download:hover { .pswp__caption h4 { font-size: 1.6rem; line-height: 1.5; - margin: 0 0 .6rem; + margin: 0 0 0.6rem; color: white; } @@ -2327,7 +2572,7 @@ a.pswp__share--download:hover { box-sizing: border-box; width: 14px; height: 14px; - border: 2px solid #FFF; + border: 2px solid #fff; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; @@ -2428,7 +2673,11 @@ a.pswp__share--download:hover { padding: 0 6px; } -.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { +.pswp__caption, +.pswp__top-bar, +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { + backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); @@ -2437,17 +2686,20 @@ a.pswp__share--download:hover { /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ -.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } -.pswp__top-bar, .pswp__caption { +.pswp__top-bar, +.pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ -.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { +.pswp__ui--fit .pswp__top-bar, +.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } @@ -2457,7 +2709,8 @@ a.pswp__share--download:hover { opacity: 0; } -.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { +.pswp__ui--idle .pswp__button--arrow--left, +.pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } @@ -2466,14 +2719,19 @@ a.pswp__share--download:hover { e.g. when user taps to toggle visibility of controls */ -.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { +.pswp__ui--hidden .pswp__top-bar, +.pswp__ui--hidden .pswp__caption, +.pswp__ui--hidden .pswp__button--arrow--left, +.pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ -.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { +.pswp__ui--one-slide .pswp__button--arrow--left, +.pswp__ui--one-slide .pswp__button--arrow--right, +.pswp__ui--one-slide .pswp__counter { display: none; } @@ -2483,4 +2741,4 @@ a.pswp__share--download:hover { .pswp--minimal--dark .pswp__top-bar { background: none; -} \ No newline at end of file +} diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 0000000..6fe222f Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/index.html b/public/index.html index d418270..ce31c50 100644 --- a/public/index.html +++ b/public/index.html @@ -1,661 +1,846 @@ - - - - - Flare - - + + FACE - Amrita Bangalore + + - - + - - - + + - - - + + - - - - - - - - - - - - -
-
-
-
-
+
+
+
+
+
+
-
- - -
- - - -
- - - - - - Get In Touch - - -
- - Menu +
+ -
+ + + Menu +
+ - -
- -
-
-
- -
-
+
+
+
+
-

Hello.

-
+
+
+

Hello.

+
+

+ The Computer Science forum
+ at ASEB which strives to bring
+ the best out of every student. +

-

- We are Flare. We love
- building great brands
- & digital experiences. -

- -
-
- - - - -
-
+
+
+ + + + + +
+
+
-
-
- - - - -
+ + +
+ - -
- -
- -
-
+
+
-
-

Who We Are

+
+
+
+

Who We Are

+
-
+
+

+ FACE - FORUM FOR ASPIRING COMPUTER ENGINEERS. +

-
-

- Flare is a branding agency based in somewhere. We design thoughtful digital experiences and beautiful brand aesthetics. -

- -

- Non amet venenatis dolor id pellentesque mattis erat. Fermentum nunc, - tincidunt sit elit amet scelerisque. Ac quisque quis eu nibh rutrum - risus tellus egestas neque. Vestibulum ante ipsum primis in faucibus - orci luctus et. -

-
+

+ We at FACE, the Forum for Aspiring Computer Engineers at Amrita School of Engineering, + Bangalore solely dedicate ourselves to organize workshops, conduct events and fests to + acquaint and immerse you into the world of technology. +

+
-
-
+
+
+
-
-
-
-

Define

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
-

Design

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
-

Build

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
-

Launch

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

+
+
+

ACM

+

+ ACM (Association of Computing Machinery) brings together computing educators, + researchers, and professionals to inspire dialogue, share resources, and address the + field's challenges. As the world's largest computing society, ACM strengthens the + profession's collective voice through strong leadership, promotion of the highest + standards, and recognition of technical excellence. +

+
+
+

ACM-W

+

+ ACM-W supports, celebrates, and advocates internationally for the full engagement of + women in all aspects of the computing field, providing a wide range of programs and + services to ACM members and working in the larger community to advance the + contributions of technical women. +

+
+
+

FORGE

+

+ A club for game designing which aims to learn and share knowledge by conducting + workshops , contests, seminars and talks on game designing, modelling, texturing, + C.G.I, character rigging and animation. +

+
+
+

CSI

+

+ The "Computer Society of India" is a professional body where computer professionals + meet to exchange views and information, to learn and share ideas. The wide spectrum of + members is committed to the advancement of the theory and practice of Computer + Engineering and Technology Systems, Science and Engineering, +

+
-
+
+ -
- - - -
- -
-
-
-

Our Expertise

+
+
+
+
+

Our Expertise

+
+
+
+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus. +

+
+
+

+ Velit deleniti harum sit beatae sint repellendus expedita. Omnis possimus sed rerum + tenetur ea ab aut minima magnam. Deserunt sit cupiditate similique eveniet earum. + Consectetur dolores maxime quisquam voluptate magni. Ut ex unde rem quod ipsum + consequatur. blanditiis temporibus pariatur voluptatibus molestiae. +

-
-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus. -

-
-
-

- Velit deleniti harum sit beatae sint repellendus expedita. Omnis possimus - sed rerum tenetur ea ab aut minima magnam. Deserunt sit cupiditate - similique eveniet earum. Consectetur dolores maxime quisquam voluptate magni. - Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -
-
- -

Product Design

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -

Branding

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -

Frontend Development

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -

UX Research

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -

Illustration

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -

E-Commerce

-

- Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. - Quis dolores totam voluptatibus molestiae non. Quae exercitationem - cum numquam repudiandae. Beatae eum quae. Ut ex unde rem quod - ipsum consequatur. blanditiis temporibus pariatur voluptatibus molestiae. -

-
-
- -
- -
-
-
-
-

Recent Works

+
+
+ +

Product Design

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

+
+
+ +

Branding

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

+
+
+ +

Frontend Development

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

+
+
+ +

UX Research

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

+
+
+ +

Illustration

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

+
+
+ +

E-Commerce

+

+ Deserunt rerum perspiciatis quaerat quam numquam assumenda neque. Quis dolores totam + voluptatibus molestiae non. Quae exercitationem cum numquam repudiandae. Beatae eum + quae. Ut ex unde rem quod ipsum consequatur. blanditiis temporibus pariatur + voluptatibus molestiae. +

-
-

- Here are some of our projects we done lately. Feel - free to check them out. -

-
-
- -
- -
-
-
- - - -
-
-
Branding
-

The Red Wheel

-
- Project Link -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

+
+ + +
+
+
+
+

Recent Works

-
-
-
-
- - - -
-
-
Frontend Design
-

Music Life

-
- Project Link -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

-
+
+

+ Here are some of our projects we done lately. Feel free to check them out. +

-
-
-
-
- - - -
-
-
Branding
-

OI Logo

-
- Project Link -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

+
+ + +
+
+
+
+ + + +
+
+
Branding
+

The Red Wheel

+
+ Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
-
-
-
-
- - - -
-
-
Frontend Design
-

Corrugated Sheets

-
- Project Link -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

+ +
+
+
+ + + +
+
+
Frontend Design
+

Music Life

+
+ Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
-
-
-
-
- - - -
-
-
Frontend Design
-

Wooocraft

+ +
+
+
+ + + +
+
+
Branding
+

OI Logo

+
+ Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
- - Project Link - -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

+
+ +
+
+
+ + + +
+
+
Frontend Design
+

Corrugated Sheets

+
+ Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
-
-
-
-
- - + +
+
+ +
+
Frontend Design
+

Wooocraft

+
+ + Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
-
-
Frontend Design
-

The Lamp

-
- Project Link -
-

Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto quo.Unde dolorem corrupti neque nisi.

+
+ +
+
+
+ + + +
+
+
Frontend Design
+

The Lamp

+
+ Project Link +
+

+ Vero molestiae sed aut natus excepturi. Et tempora numquam. Temporibus iusto + quo.Unde dolorem corrupti neque nisi. +

+
-
- -
- -
- + +
+ + + - -
- -
-
-

- We've had the priveledge with working with - some of the largest and most iconic brands -

+
+
+
+

+ We've had the priveledge with working with some of the largest and most iconic brands +

+
-
- -
-
-
- - - - - - - - - - -
-
-
- -
- -
- -
- -
-

- Molestiae incidunt consequatur quis ipsa autem nam sit enim magni. Voluptas tempore rem. - Explicabo a quaerat sint autem dolore ducimus ut consequatur neque. Nisi dolores quaerat fuga rem nihil nostrum. - Laudantium quia consequatur molestias delectus culpa. -

-
- Author image - - Tim Cook - CEO, Apple - + + +
+
+
+ + + + + + + + +
+ +
+ +
+ + +
+
+
+

Meet Our Mentors

+
+
+
+
+
+

+ Nunc interdum lacus sit amet orci. Vestibulum dapibus nunc ac augue. Fusce vel + dui. In ac felis quis tortor malesuada pretium. Curabitur vestibulum aliquam + leo. Qui sed at corrupti expedita voluptas odit. Nihil ea quia nesciunt. + Ducimus aut sed ipsam. +

+
+ Author image + + Jeff Bezos + CEO, Amazon + +
-
- -
-

- Excepturi nam cupiditate culpa doloremque deleniti repellat. Veniam quos repellat voluptas animi adipisci. - Nisi eaque consequatur. Voluptatem dignissimos ut ducimus accusantium perspiciatis. - Quasi voluptas eius distinctio. Atque eos maxime. -

-
- Author image - - Sundar Pichai - CEO, Google - + + +
+

+ Dr. Supriya M. currently serves as Assistant Professor at the Department of + Computer Science & Engineering, Amrita School of Engineering, Bengaluru. She + has 20 years of teaching experience and her research interests include High + performance computing,Cloud and Fog computing, Internet of Things, Machine + Learning and Parallel algorithms. +

+
+ Author image + + SUPRIYA M. + Mentor, ACM & ACM-W + +
-
- -
-

- Repellat dignissimos libero. Qui sed at corrupti expedita voluptas odit. Nihil ea quia nesciunt. Ducimus aut sed ipsam. - Autem eaque officia cum exercitationem sunt voluptatum accusamus. Quasi voluptas eius distinctio. - Voluptatem dignissimos ut. -

-
- Author image - - Satya Nadella - CEO, Microsoft - + + +
+

+ Ms. Jyotsna C, working as Assistant Professor (Sr.Gr.) in the Department of + CSE, Amrita School of Engineering, Bengaluru. Area of Research: Eye Tracking + Technology and it's data analysis, Computer Vision, Machine Learning and Deep + Learning. +

+
+ Author image + + Ms.Jyotsna C + Mentor, FORGE + +
-
- -
-

- Nunc interdum lacus sit amet orci. Vestibulum dapibus nunc ac augue. Fusce vel dui. In ac felis - quis tortor malesuada pretium. Curabitur vestibulum aliquam leo. Qui sed at corrupti expedita voluptas odit. - Nihil ea quia nesciunt. Ducimus aut sed ipsam. -

-
- Author image - - Jeff Bezos - CEO, Amazon - + + +
+

+ Mr. S. Saravanan is working as an Assistant Professor in the Department of + Computer Science and Engineering. He is a life time member of ISTE and with 15 + years of teaching experience, he's currently pursuing his Ph.D. in Amrita + Vishwa Vidyapeetham, Bengaluru campus. His areas of research include + Cybersecurity and Big Data Analytics. +

+
+ Author image + + S. SARAVANAN + Mentor, CSI + +
-
- -
- -
- -
- - -
- - - -
- -
-
-

Get In Touch

-

- Have an idea or an epic project in mind? Talk to - us. Let us work together and make something great. - Shoot us a message at -

-
-
- -
-
- + +
+ +
+
+
+ - - - - - + + +