/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 9, 2017 */ @font-face { font-family: 'tt_squaresblack'; src: url("../webfonts/ttsquares-black-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-black-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tt_squaresbold'; src: url("../webfonts/ttsquares-bold-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tt_squareslight'; src: url("../webfonts/ttsquares-light-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'tt_squaresregular'; src: url("../webfonts/ttsquares-regular-webfont.woff2") format("woff2"), url("../webfonts/ttsquares-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINPro-Light'; font-style: normal; font-weight: normal; src: local("DINPro-Light"), url("../webfonts/DINPro-Light_13935.woff") format("woff"); } body { max-width: 1500px; font-family: "tt_squaresregular"; font-size: 12px; color: #fff; overflow-x: hidden; margin: 0 auto; } .mob { display: block; } @media (min-width: 992px) { .mob { display: none; } } .desk { display: none; } @media (min-width: 992px) { .desk { display: block; } } #acer-aspire-nitro { background-image: url("../images/layout/bg-conexao.jpg"); background-repeat: repeat-y; } #acer-aspire-nitro img { max-width: 100%; } #acer-aspire-nitro section { padding: 40px 0 !important; } #acer-aspire-nitro section h1, #acer-aspire-nitro section h2 { font-family: "tt_squaresblack"; color: #ed1c2c; text-transform: uppercase; } #acer-aspire-nitro section h2 { font-size: 28px; margin-bottom: 25px; } @media (min-width: 992px) { #acer-aspire-nitro section h2 { font-size: 40px; } } #acer-aspire-nitro section h2 br { display: none; } @media (min-width: 992px) { #acer-aspire-nitro section h2 br { display: block; } } #acer-aspire-nitro section p { color: #fff; font-family: "tt_squaresregular"; font-size: 16px; margin-bottom: 25px; } #acer-aspire-nitro section p br { display: none; } @media (min-width: 1200px) { #acer-aspire-nitro section p br { display: block; } } @media (min-width: 992px) { #acer-aspire-nitro section p { font-size: 20px; } } #acer-aspire-nitro section p .registered { font-size: 11px; vertical-align: top; } #acer-aspire-nitro section img { margin-bottom: 20px; } @media (min-width: 992px) { #acer-aspire-nitro section .acer-left { width: 50%; float: left; text-align: left; } } @media (min-width: 992px) { #acer-aspire-nitro section .acer-right { width: 50%; float: right; text-align: right; } } @media (min-width: 992px) { #acer-aspire-nitro section .acer-row { margin-bottom: 30px; } } #acer-aspire-nitro #acer-header { background: url("../images/layout/bg-header.png") left top no-repeat; background-size: auto; text-align: center; padding: 50px 0 0px !important; } @media (min-width: 992px) { #acer-aspire-nitro #acer-header { text-align: left; } } #acer-aspire-nitro #acer-header .name { text-align: center; } #acer-aspire-nitro #acer-header .name h1, #acer-aspire-nitro #acer-header .name h2 { margin-bottom: 0; } #acer-aspire-nitro #acer-header .name h1 { font-size: 34px; margin-top: 30px; margin-bottom: 20px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .name h1 { font-size: 60px; white-space: nowrap; margin-top: 0px; margin-bottom: 0px; } } #acer-aspire-nitro #acer-header .name h2 { color: #ffffff; } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .name h2 { font-size: 33px; white-space: nowrap; margin-bottom: 0; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .name h2 br { display: none; } } #acer-aspire-nitro #acer-header .name p { margin-bottom: 30px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .name p { margin-bottom: 0px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .acer-left { width: 85%; text-align: center; padding-top: 60px; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-header .acer-left { padding-top: 0px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .acer-left img { margin-bottom: 0px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .acer-right { margin-top: 150px; margin-left: -30%; width: 42%; text-align: right; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-header .acer-right { margin-top: 170px; width: 40%; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-header .acer-right .nvidia { text-align: right; margin-bottom: 10px; } } #acer-aspire-nitro #acer-header .acer-right .intel { padding-top: 8px; margin-right: 35px; } #acer-aspire-nitro #acer-header .acer-logo { margin-bottom: 30px; } #acer-aspire-nitro #acer-conceitos h2 { text-align: center; } #acer-aspire-nitro #acer-conceitos p { text-align: center; margin-bottom: 50px; } #acer-aspire-nitro #acer-video { background: url("../images/layout/video.jpg") center center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; margin-left: 15px; } @media (min-width: 768px) { #acer-aspire-nitro #acer-video { margin-right: 30px; margin-left: 30px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-video { margin-right: 50px; margin-left: 50px; } } #acer-aspire-nitro #acer-video .video-container { margin: 0 auto; width: 300px; height: 150px; } @media (min-width: 768px) { #acer-aspire-nitro #acer-video .video-container { width: 560px; height: 315px; } } #acer-aspire-nitro #acer-video .video-container iframe { width: 300px; height: 150px; } @media (min-width: 768px) { #acer-aspire-nitro #acer-video .video-container iframe { width: 560px; height: 315px; } } #acer-aspire-nitro #acer-screens { position: relative; padding: 0 15px; text-align: center; } #acer-aspire-nitro #acer-screens li { display: block; padding: 10px 30px; border: 1px solid #ed1c2c; margin-bottom: 30px; list-style: none; } @media (min-width: 768px) { #acer-aspire-nitro #acer-screens li { display: inline-block; width: calc((100% / 3) - 18px); margin-right: 20px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-screens li { width: calc((100% / 3) - 28px); } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-screens li { width: calc((100% / 3) - 37px); } } #acer-aspire-nitro #acer-screens li:last-child { margin-right: 0; } #acer-aspire-nitro #acer-screens li img { max-width: 100%; } #acer-aspire-nitro #acer-performance { background: url("../images/layout/bg-performance.jpg") center top no-repeat; background-size: cover; text-align: center; } #acer-aspire-nitro #acer-performance .acer-row { position: relative; } #acer-aspire-nitro #acer-performance .acer-row h2 { color: #ffffff; } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance .acer-row .pri { position: absolute; width: 70%; top: 70px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance .acer-row .acer-right { width: 47%; } } #acer-aspire-nitro #acer-performance .acer-row .acer-right h2 { position: relative; } #acer-aspire-nitro #acer-performance .acer-row .acer-right p { position: relative; } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance .seg { margin-top: 60px; } } #acer-aspire-nitro #acer-performance ul.nvidea-stuff { list-style: none; margin-top: 20px; padding: 0; } #acer-aspire-nitro #acer-performance ul.nvidea-stuff li { margin-bottom: 30px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance ul.nvidea-stuff li { display: inline-block; width: calc((100% / 4) - 4px); vertical-align: top; margin-bottom: 0; } } #acer-aspire-nitro #acer-performance ul.nvidea-stuff li:last-child { margin-bottom: 0; } #acer-aspire-nitro #acer-performance ul.nvidea-stuff li img { margin-top: 0; margin-bottom: 15px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance ul.nvidea-stuff li img { margin-bottom: 20px; } } #acer-aspire-nitro #acer-performance ul.nvidea-stuff li .image { text-align: center; } #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p { font-size: 12px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p { text-align: left; padding: 0 50px; margin-bottom: 0; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-performance ul.nvidea-stuff li p { padding: 0 60px; } } #acer-aspire-nitro #acer-condicoes { text-align: center; } #acer-aspire-nitro #acer-monitor { background: url("../images/layout/bg-red.png") center no-repeat; background-size: cover; background-color: #000000; text-align: center; padding-top: 0; } #acer-aspire-nitro #acer-monitor .condicoes-image { position: relative; } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor .condicoes-image { margin-top: -80px; margin-bottom: -80px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor .condicoes-image img { margin-bottom: 0; } } #acer-aspire-nitro #acer-monitor .condicoes-image img.marker { opacity: 0; } #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated { width: 290px; height: 142px; left: calc( (100% - 290px)/2 ); position: absolute; opacity: 0; top: 0; } @media (min-width: 768px) { #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated { width: 720px; height: 352px; left: 25px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated { width: 940px; height: 470px; left: 20px; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-monitor .condicoes-image img.colored, #acer-aspire-nitro #acer-monitor .condicoes-image img.desaturated { width: 1037px; height: 508px; left: 66px; } } #acer-aspire-nitro #acer-monitor p { position: relative; z-index: 10; } #acer-aspire-nitro #acer-monitor #acer-visao { position: relative; padding-top: 40px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao { height: 500px; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-monitor #acer-visao { height: 600px; margin-bottom: 40px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao p { margin-bottom: -30px; position: relative; z-index: 2; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao img { margin-bottom: -20px; } } #acer-aspire-nitro #acer-monitor #acer-visao .image-container { position: relative; } #acer-aspire-nitro #acer-monitor #acer-visao .image-container .marker { opacity: 0; } #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred { width: 290px; height: 175px; position: absolute; top: 0; left: 0; } @media (min-width: 768px) { #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred { width: 720px; height: 435px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred { width: 700px; height: 423px; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main, #acer-aspire-nitro #acer-monitor #acer-visao .image-container .blurred { width: 975px; height: 590px; } } #acer-aspire-nitro #acer-monitor #acer-visao .image-container .main { opacity: 0; } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao .acer-left { position: absolute; width: 70%; top: 20px; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-monitor #acer-visao .acer-left { width: 80%; top: -20px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-monitor #acer-visao .acer-right { width: 45%; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-monitor #acer-visao .acer-right { width: 50%; } } #acer-aspire-nitro #acer-monitor #acer-vol .image-container { position: relative; } #acer-aspire-nitro #acer-monitor #acer-vol .image-container .marker { opacity: 0; } #acer-aspire-nitro #acer-monitor #acer-vol .image-container .note, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-1, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-2, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-3, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-4, #acer-aspire-nitro #acer-monitor #acer-vol .image-container .wave-5 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #acer-aspire-nitro #acer-monitor .white { color: #ffffff; } #acer-aspire-nitro #acer-som { background-color: #000000; } #acer-aspire-nitro #acer-som ul { list-style: none; } @media (min-width: 992px) { #acer-aspire-nitro #acer-som ul { text-align: center; } } #acer-aspire-nitro #acer-som ul li { display: block; width: 240px; border: 1px solid #a2a2a2; margin: 0 auto 40px; text-align: center; } @media (min-width: 992px) { #acer-aspire-nitro #acer-som ul li { width: calc( (100% / 4) - 20px ); display: inline-block; margin: 0 15px 0 0; vertical-align: top; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-som ul li:last-child { margin-right: 0; } } #acer-aspire-nitro #acer-som ul li .acer-image { border-bottom: 1px solid #a2a2a2; display: block; padding: 20px; } #acer-aspire-nitro #acer-som ul li .acer-image img { margin-bottom: 0; } #acer-aspire-nitro #acer-som ul li .acer-content { padding: 20px; display: block; line-height: 18px; height: 150px; } #acer-aspire-nitro #acer-som ul li .acer-content .acer-title { display: block; color: #ed1c2c; font-family: "tt_squaresblack"; text-transform: uppercase; font-size: 20px; margin-bottom: 15px; } #acer-aspire-nitro #acer-som ul li .acer-content .acer-desc { font-size: 20px; white-space: nowrap; } #acer-aspire-nitro #video { text-align: center; padding-top: 50px; } @media (min-width: 768px) { #acer-aspire-nitro #video { padding-top: 30px; } } @media (min-width: 992px) { #acer-aspire-nitro #video { padding-top: 0px; } } #acer-aspire-nitro #video iframe { width: 100%; height: 180px; } @media (min-width: 768px) { #acer-aspire-nitro #video iframe { width: 648px; height: 360px; } } @media (min-width: 992px) { #acer-aspire-nitro #video iframe { width: 868px; height: 460px; } } @media (min-width: 1200px) { #acer-aspire-nitro #video iframe { width: 1066px; height: 550px; } } #acer-aspire-nitro #roda-nao-roda { background: url("../images/layout/bg-roda-nao-roda.png") center center no-repeat; background-size: 100% 100%; } #acer-aspire-nitro #roda-nao-roda ul { padding-top: 20px; } #acer-aspire-nitro #roda-nao-roda ul li { text-align: center; margin-bottom: 40px; } @media (min-width: 992px) { #acer-aspire-nitro #roda-nao-roda ul li { margin-bottom: 25px; } } #acer-aspire-nitro #acer-refrigeramento { text-align: center; } @media (min-width: 992px) { #acer-aspire-nitro #acer-refrigeramento { padding: 100px 0; } } #acer-aspire-nitro #acer-refrigeramento p.small { margin-top: 15px; font-size: 13px; font-style: italic; } #acer-aspire-nitro #acer-conexao { background: url("../images/layout/bg-conexao.jpg") center top no-repeat; background-size: cover; text-align: center; } #acer-aspire-nitro #acer-conexao .acer-left { float: none; } @media (min-width: 992px) { #acer-aspire-nitro #acer-conexao .acer-left { display: inline-block; width: 35%; vertical-align: middle; text-align: left; } } #acer-aspire-nitro #acer-conexao .acer-right { float: none; } @media (min-width: 992px) { #acer-aspire-nitro #acer-conexao .acer-right { display: inline-block; width: 64%; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-conexao .container { margin-top: 40px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-conexao .container p { margin-bottom: -30px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-conexao .dir { text-align: right; } } #acer-aspire-nitro #acer-conexao .image-container { position: relative; display: inline-block; } #acer-aspire-nitro #acer-conexao .image-container .marker { opacity: 0; } #acer-aspire-nitro #acer-conexao .image-container .portas-note, #acer-aspire-nitro #acer-conexao .image-container .portas-dots, #acer-aspire-nitro #acer-conexao .image-container .portas-lines, #acer-aspire-nitro #acer-conexao .image-container .portas-text { left: 0; top: 0; width: 100%; height: 100%; position: absolute; } #acer-aspire-nitro #acer-specs { background: url("../images/layout/bg-specs.jpg") center bottom no-repeat #000; background-size: 100% auto; text-align: center; } #acer-aspire-nitro #acer-specs h2 { font-size: 28px; color: #ed1c2c; padding: 0; margin-bottom: 40px; } @media (min-width: 768px) { #acer-aspire-nitro #acer-specs h2 { font-size: 38px; } } #acer-aspire-nitro #acer-specs .img-specs { width: 200px; margin-bottom: -25px; } @media (min-width: 768px) { #acer-aspire-nitro #acer-specs .img-specs { width: 260px; margin-bottom: -25px; } } #acer-aspire-nitro #acer-specs .table-specs { padding: 40px 30px 30px; background: rgba(0, 0, 0, 0.2); border: 1px solid #5a5a5a; -webkit-box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.2); } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs { width: 600px; margin: 0 auto; } } @media (min-width: 1200px) { #acer-aspire-nitro #acer-specs .table-specs { width: 600px; } } #acer-aspire-nitro #acer-specs .table-specs h3 { font-family: "tt_squaresregular"; font-size: 18px; display: inline-block; margin-bottom: 30px; text-transform: uppercase; } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs h3 { font-size: 26px; } } #acer-aspire-nitro #acer-specs .table-specs h3 strong { text-transform: capitalize; font-family: "tt_squaresbold"; } #acer-aspire-nitro #acer-specs .table-specs h3::after { content: ''; display: block; width: 50%; height: 3px; background: #ed1c2c; margin: 0 auto; margin-top: 20px; } #acer-aspire-nitro #acer-specs .table-specs ul li { list-style: none; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(204, 204, 204, 0.3); } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li:last-child { border: none; } } @media (min-width: 768px) { #acer-aspire-nitro #acer-specs .table-specs ul li { font-size: 14px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li { float: left; width: 100%; font-size: 16px; } } #acer-aspire-nitro #acer-specs .table-specs ul li span { display: block; } #acer-aspire-nitro #acer-specs .table-specs ul li span.title { color: #ed1c2c; font-family: "tt_squaresbold"; } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li span.title { width: 35%; float: left; line-height: 40px; text-align: left; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li span.two-line { line-height: 21px; } } #acer-aspire-nitro #acer-specs .table-specs ul li span .registered { display: inline-block; font-size: 11px; vertical-align: top; line-height: 30px; } #acer-aspire-nitro #acer-specs .table-specs ul li span.desc { font-family: "tt_squareslight"; } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li span.desc { width: 65%; float: left; text-align: left; line-height: 40px; } } @media (min-width: 992px) { #acer-aspire-nitro #acer-specs .table-specs ul li span.desc.double { line-height: 20px; } } #acer-aspire-nitro #acer-specs .table-specs ul li span.desc.double .registered { line-height: 12px; } #acer-aspire-nitro #acer-specs .table-specs ul:last-of-type li:last-child { padding-bottom: 0; border: none; } #acer-aspire-nitro #acer-footer { background: #ed1c2c; padding: 32px; text-align: center; } @media (min-width: 992px) { #acer-aspire-nitro #acer-footer { padding: 42px; } } #acer-aspire-nitro #acer-footer .logo { margin-bottom: 30px; } @media (min-width: 992px) { #acer-aspire-nitro #acer-footer .logo { float: left; } } #acer-aspire-nitro #acer-footer p { font-family: "tt_squaresblack"; font-size: 16px; text-transform: uppercase; margin-bottom: 0; } #acer-aspire-nitro #acer-footer p small { font-family: "tt_squaresregular"; display: block; margin-bottom: 0; } @media (min-width: 992px) { #acer-aspire-nitro #acer-footer p { float: right; font-size: 30px; text-align: left; } } #acer-monitor .condicoes-image.active .desaturated { animation-name: enlarge; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; } #acer-monitor .condicoes-image.active .colored { animation-name: colored; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; animation-delay: 1.55s; animation-fill-mode: forwards; } @keyframes enlarge { 0% { transform: scale(0.85); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes colored { 0% { opacity: 0; } 100% { opacity: 1; } } #acer-visao .image-container.active .main { animation-name: visao-blurred; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: 1s; } @keyframes visao-blurred { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } #acer-vol .active .wave { opacity: 0; -o-animation: volume-waves 2s infinite; -moz-animation: volume-waves 2s infinite; -webkit-animation: volume-waves 2s infinite; animation: volume-waves 2s infinite; } #acer-vol .active .wave.wave-2 { animation-delay: 400ms; } #acer-vol .active .wave.wave-3 { animation-delay: 800ms; } #acer-vol .active .wave.wave-4 { animation-delay: 1200ms; } #acer-vol .active .wave.wave-5 { animation-delay: 1600ms; } @keyframes volume-waves { 0% { opacity: 0.6; } 5% { opactiy: 1; } 6% { opactiy: 0.2; } 100% { opactiy: 0.2; } } #acer-conexao .active .portas-dots, #acer-conexao .active .portas-lines, #acer-conexao .active .portas-text { opacity: 0; animation-name: conexao; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; } #acer-conexao .active .portas-dots { animation-delay: 0.5s; } #acer-conexao .active .portas-lines { animation-delay: 1s; } #acer-conexao .active .portas-text { animation-delay: 1.5s; } @keyframes conexao { 0% { opacity: 0; } 100% { opacity: 1; } } /*# sourceMappingURL=style.css.map */