body,html{height:100%;width:100%}.button,.frame{position:relative;overflow:hidden}.frame img,body,html{width:100%}footer,header{background-color:#020d13;box-shadow:0 0 30px rgba(55,133,167,.5);padding:10px 0}footer,header .container,header .container a{text-align:right}.intro .just-look-at-them .cool-cars .petrolhead-for-life.animate,.memory-lane .wall .frame img.animate,.memory-lane-archive .archive .detail.animate,.projects .project-list.animate>img{animation-fill-mode:forwards;animation-timing-function:ease-in-out}*,::after,::before,html{box-sizing:border-box}blockquote,body,button,div,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,p,textarea,ul{margin:0;padding:0;border:0}fieldset,img{border:0}address,caption,cite,code{font-style:normal;font-weight:400}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{font-size:100%;outline:0}button{cursor:pointer}html{font-size:18px;scroll-behavior:smooth}body{min-width:360px;font:400 18px "Architects Daughter",sans-serif;background:#062a3f;color:#fff}@font-face{font-family:'Architects Daughter';font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../fonts/architects-daughter-v11-latin-regular.woff2) format("woff2"),url(../fonts/architects-daughter-v11-latin-regular.woff) format("woff")}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 10px}.button{display:inline-flex;align-items:center;justify-content:center;background:#a8090d;color:#fff;padding:3px 30px;text-decoration:none}.button .text-wrapper{position:relative;z-index:2;text-align:center}.button .text-wrapper .fatboy{display:block;font-size:24px;line-height:24px}.button .text-wrapper .slim{display:block;font-size:14px;line-height:14px}.button .circle{position:absolute;z-index:1;display:block;width:0;height:0;opacity:0;border-radius:50%;background:#ff5733;transition:.5s ease-out;top:50%;left:50%}.button:hover .circle{width:200%;height:500%;opacity:1;top:-150%;left:-50%}.form .button{height:34px}.form{display:block;margin:50px 0 100px;text-align:center}.form .input{display:inline-block;border:1px solid #000;width:500px;margin-right:20px;padding:5px 10px;height:34px;color:#222;background:#fff;outline:0;font-family:Consolas,"Roboto Mono",Monaco,"Lucida Console",monospace;font-size:14px}@media all and (max-width:768px){.form .input{display:block;width:450px;margin:0 auto 20px}}@media all and (max-width:480px){.form{margin:30px 0 50px}.form .input{display:block;width:100%;margin:0 auto 20px}}.form .input:focus{border:1px solid #ff5733}.frame{background:#fff;padding:5px;border:1px solid #777;width:300px}.core-values,.tools{background-color:#c4dbf1}.frame .bottom::after,.frame .bottom::before,.frame .top::after,.frame .top::before{position:absolute;content:'';display:block;background:#f1f1f1;width:40px;height:40px;box-shadow:0 0 5px rgba(0,0,0,.5);z-index:2}.frame .top::before{top:-20px;left:-20px;transform:rotate(45deg)}.frame .top::after{top:-20px;right:-20px;transform:rotate(-45deg)}.frame .bottom::before{bottom:-20px;left:-20px;transform:rotate(315deg)}.frame .bottom::after{bottom:-20px;right:-20px;transform:rotate(-315deg)}.frame img{display:block;height:auto}footer{margin-top:50px;color:#fafafa;font-size:14px}footer .icons{margin-top:20px}footer .icons a{color:#eadcba;text-decoration:none}header{margin-bottom:50px}header .container a{display:inline-block;font-size:24px;color:#eadcba;text-decoration:none;padding-left:34px;background:url(../images/icons/back.svg) center left/20px no-repeat}.core-values .text:last-child,.tools-ip .info:last-child{margin-bottom:0}.intro{padding-top:32px}.intro .section-title{font-size:48px;line-height:48px;margin-bottom:0}.intro .just-look-at-them .why-are-you-not-looking{position:relative;font-size:24px;text-transform:uppercase;width:280px;margin-bottom:50px;color:#eadcba}.intro .just-look-at-them .why-are-you-not-looking::after{content:'';position:absolute;right:-48px;bottom:0;background:url(../images/arrow.svg) top center/contain no-repeat;width:48px;height:48px;transform:rotate(90deg)}.intro .just-look-at-them .cool-cars{position:relative;height:450px}.intro .just-look-at-them .cool-cars .petrolhead-for-life{background:#fff;padding:15px;position:absolute;box-shadow:0 4px 4px rgba(0,0,0,.25);right:0;top:0;width:200px}@media (min-width:480px){header .container{text-align:center}header .container a{padding:0;background:0 0;font-size:32px}header .container a:hover{color:#ff5733}.intro{padding-top:72px}.intro .section-title{font-size:72px;line-height:72px}.intro .just-look-at-them .cool-cars .petrolhead-for-life{width:280px}}.intro .just-look-at-them .cool-cars .petrolhead-for-life img{max-width:100%;height:auto}.intro .just-look-at-them .cool-cars .petrolhead-for-life .car-name{color:#000;font-size:24px;text-align:center}.ia-eu-na-crista-da-onda-quando-bati-com-os-cornos-na-torneira,.intro .just-look-at-them .cool-cars .petrolhead-for-life .car-name .brand,.projects .project-details .detail.active,.sou-surfista-da-banheira,.tools-headers .results.active{display:block}.intro .just-look-at-them .cool-cars .petrolhead-for-life.animate{animation-duration:1s;animation-delay:.4s}.intro .just-look-at-them .cool-cars .petrolhead-for-life.maserati{z-index:3}.intro .just-look-at-them .cool-cars .petrolhead-for-life.maserati.animate{animation-name:first}.intro .just-look-at-them .cool-cars .petrolhead-for-life.ferrari{z-index:2}.intro .just-look-at-them .cool-cars .petrolhead-for-life.ferrari.animate{animation-name:second}@media (min-width:480px){.intro .just-look-at-them .cool-cars .petrolhead-for-life.ferrari.animate{animation-name:second-tablet}}.intro .just-look-at-them .cool-cars .petrolhead-for-life.koenigsegg.animate{animation-name:third}.intro .oh-well{text-align:center;font-size:16px;margin-top:40px}.tools-headers .results,.tools-ip .info{font-size:14px;font-family:Consolas,"Roboto Mono",Monaco,"Lucida Console",monospace}@keyframes first{from{transform:rotate(0);right:0;top:0}to{transform:rotate(6deg);right:20px;top:0}}@keyframes second{from{transform:rotate(0);right:0;top:0}to{transform:rotate(-8deg);top:100px;right:130px}}@keyframes second-tablet{from{transform:rotate(0);right:0;top:0}to{transform:rotate(-8deg);top:100px;right:175px}}@keyframes second-desktop{from{transform:rotate(0);right:0;top:0}to{transform:rotate(-8deg);top:100px;right:300px}}@keyframes third{from{transform:rotate(0);right:0;top:0}to{transform:rotate(2.5deg);top:200px;right:0}}.memory-lane .wrapper{margin:20px 0}.memory-lane .wall{display:grid;grid-template:1fr 1fr/1fr 1fr;grid-gap:30px;justify-items:center;max-width:400px;margin:0 auto}.projects .project-list,.tool-belt{grid-template:auto/1fr 1fr;grid-gap:30px}.memory-lane .wall .frame{width:155px}.memory-lane .wall .frame img{transform:translateZ(0);-webkit-backface-visibility:hidden}.memory-lane .wall .frame img.animate{animation-name:decay;animation-duration:2s;animation-delay:.4s}.memory-lane .content{text-align:center;max-width:450px}.memory-lane .content p{text-align:justify;margin:20px auto}.memory-lane .content .button{margin:0 auto}@keyframes decay{from{filter:grayscale(0)}to{filter:grayscale(100%)}}.projects{padding-top:30px}.projects .project-details{position:fixed;z-index:7;width:100%;top:0;left:-100%;bottom:0;transition:left .4s ease-in-out;background:#062a3f}.projects .project-details.open{left:0}.projects .project-details .overlay{display:none;position:absolute;top:0;bottom:0;left:0;width:0;height:100%;background:#062a3f;transition:width .2s ease-in-out;z-index:5}.projects .project-details .overlay.stretch{width:100%}.projects .project-details .heading{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;box-shadow:0 3px 3px rgba(55,133,167,.5);font-size:24px;margin-bottom:20px}.projects .project-details .heading .close{width:24px;height:32px;line-height:32px;font-size:18px;text-align:right}.projects .project-details .detail{display:none;margin:10px;overflow-y:scroll;height:calc(100vh - 70px);text-align:center}.projects .project-details .detail img{max-width:270px;height:auto;border-radius:5px}.projects .project-details .detail .content .title{text-align:left;font-size:32px;margin-bottom:10px}.memory-lane-archive .archive .detail .content p,.projects .project-details .detail .content p{font-size:18px;margin-bottom:15px;text-align:justify}.projects .project-list{display:grid;max-width:1200px;margin:0 auto;justify-items:center;padding:0 10px}@media (min-width:480px){.projects .project-list{grid-template:auto/1fr 1fr 1fr}}.projects .project-list.animate>img{animation-name:show;animation-duration:1s}.projects .project-list.animate>img:nth-child(2){animation-delay:.2s}.projects .project-list.animate>img:nth-child(3){animation-delay:.4s}.projects .project-list.animate>img:nth-child(4){animation-delay:.6s}.projects .project-list.animate>img:nth-child(5){animation-delay:.8s}.projects .project-list.animate>img:nth-child(6){animation-delay:1s}.projects .project-list.animate>img:nth-child(7){animation-delay:1.2s}.projects .project-list.animate>img:nth-child(8){animation-delay:1.4s}.projects .project-list.animate>img:nth-child(9){animation-delay:1.6s}.projects .project-list>img{opacity:0;border-radius:5px;cursor:pointer;max-width:100%;height:auto;box-shadow:0 4px 8px rgba(0,0,0,.75);transition:box-shadow .4s ease-in-out}.projects .project-list>img:hover{box-shadow:0 0 18px #3785a7}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes glow{0%,100%{box-shadow:0 0 30px rgba(55,133,167,.5)}50%{box-shadow:0 0 35px rgba(55,133,167,.9)}}.tools{padding-bottom:25px}.memory-lane-archive .archive{margin:50px 0}.memory-lane-archive .archive .detail{opacity:0;border-top:1px solid #eadcba;padding:30px 0;text-align:center}.memory-lane-archive .archive .detail.animate{animation-name:show;animation-duration:.5s;animation-delay:.2s}.memory-lane-archive .archive .detail .frame{width:300px;margin:0 auto 20px}.memory-lane-archive .archive .detail .content .title{text-align:left;font-size:28px;margin-bottom:20px}.memory-lane-archive .archive .detail .content p a,.tools-ip .info>span,.tools-resize .results span{color:#eadcba}.memory-lane-archive .archive .detail .content p a:hover{color:#ff5733}.section-title{display:block;font-size:27px;color:#eadcba;margin:0 0 10px}.spinner,.tools-ip .spinner-wrapper .spinner{margin-left:0}.section-title.dark{color:#a92d2d}.spinner{display:inline-block;background:url(../images/spinner.svg) 0 0/18px;width:0;height:18px;vertical-align:middle;transition:.2s ease-in-out}.spinner.active{width:18px;margin-left:10px}.text{font-size:20px;margin-bottom:24px;text-align:justify}.text.dark{color:#222}.tool-belt-wrapper{background-color:#c4dbf1;padding:20px 0}.tool-belt{display:grid;align-items:start;justify-items:center;max-width:450px;margin:0 auto}@media (min-width:768px){.frame{width:380px}.intro{padding-top:72px}.intro .just-look-at-them{display:flex;align-items:flex-end;justify-content:space-between}.intro .just-look-at-them .why-are-you-not-looking{background:url(../images/arrow.svg) top left/75px no-repeat;padding-top:85px;margin-bottom:0}.intro .just-look-at-them .why-are-you-not-looking::after,.projects .project-details .heading{display:none}.intro .just-look-at-them .cool-cars .petrolhead-for-life{width:315px}.intro .just-look-at-them .cool-cars .petrolhead-for-life .car-name .brand{display:inline}.intro .just-look-at-them .cool-cars .petrolhead-for-life.ferrari.animate{animation-name:second-desktop}.memory-lane .wrapper,.memory-lane-archive .archive .detail{display:flex;align-content:center;justify-content:space-between}.memory-lane .wall{max-width:400px;margin:0}.memory-lane .wall .frame{width:200px}.memory-lane .content{margin-left:40px;max-width:100%;flex-grow:1;display:flex;flex-direction:column;align-content:center;justify-content:center}.memory-lane .content p{display:block;max-width:450px;margin-top:0;margin-bottom:50px}.projects{padding-top:50px}.projects .project-details{display:block;position:relative;left:0;margin:50px 0;box-shadow:0 0 30px rgba(55,133,167,.5);animation-name:glow;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.projects .project-details .overlay{display:block}.projects .project-details .detail{height:350px;overflow:visible;padding:0 10px;align-items:center;max-width:1200px;margin:0 auto}.projects .project-details .detail.active{display:flex}.projects .project-details .detail img{width:320px;margin-right:30px;flex-shrink:0}.projects .project-details .detail .content{text-align:left}.projects .project-list{grid-template:auto/1fr 1fr 1fr 1fr 1fr}.memory-lane-archive .archive .detail:nth-child(odd){flex-direction:row-reverse}.memory-lane-archive .archive .detail:nth-child(odd) .frame{margin-left:50px;margin-right:0}.memory-lane-archive .archive .detail .frame{flex-shrink:0;width:250px;margin-right:50px;align-self:center}.tool-belt{grid-template:auto/1fr 1fr 1fr 1fr;max-width:100%}}.tools-headers .results,.tools-ip{padding:10px;max-width:600px;word-wrap:break-word;box-shadow:0 0 30px rgba(55,133,167,.5)}.tool-belt a{text-align:center;font-size:16px;padding:10px 5px;border-radius:5px;max-width:170px}@media (min-width:1024px){.intro .just-look-at-them .why-are-you-not-looking{background-position-x:center;margin-bottom:150px}.projects .project-details .detail img{max-width:100%}.memory-lane-archive .archive .detail .content p,.projects .project-details .detail .content p{font-size:20px;margin-bottom:20px}.memory-lane-archive .archive .detail .frame{width:372px}.tool-belt-wrapper{padding:0;margin-top:-40px}.tool-belt a{width:230px;max-width:100%}}.tool-belt a .text-wrapper{background-position:top center;background-repeat:no-repeat;background-size:64px;padding-top:74px}.tool-belt a .text-wrapper.compression{background-image:url(../images/icons/compress.svg)}.tool-belt a .text-wrapper.headers{background-image:url(../images/icons/https.svg)}.tool-belt a .text-wrapper.ip{background-image:url(../images/icons/ip.svg)}.tool-belt a .text-wrapper.resize{background-image:url(../images/icons/ruler.svg)}.tools-compression .results .no,.tools-compression .results .yes{padding:15px 0;text-align:center;font-size:22px;color:#eadcba}.tools-compression .results .no::before,.tools-compression .results .yes::before{display:inline-block;font-size:28px;margin-right:10px}.tools-compression .results .yes::before{content:'\2714';color:#32cd32}.tools-compression .results .no::before{content:'\2718';color:#ff4500}.tools-headers .results{display:none;margin:0 auto;border-radius:5px;line-height:20px}.tools-headers .results br{line-height:200%}.tools-headers .results br:last-child{display:none}.tools-headers .results.error,.tools-resize .results.error{display:block;font-family:"Architects Daughter",sans-serif;text-align:center;font-size:22px;color:#eadcba;box-shadow:none}.tools-headers .results.error::before,.tools-resize .results.error::before{display:inline-block;font-size:28px;margin-right:10px;content:'\2718';color:#ff4500}.tools-ip{margin:50px auto}.tools-ip .spinner-wrapper{width:100%;padding:5px 0;margin:0 auto;text-align:center}.tools-ip .info{margin-bottom:10px}.tools-resize .form{max-width:400px;margin:0 auto}.tools-resize .label{font-size:18px;margin-bottom:10px;text-align:center}.tools-resize .dimensions{display:flex;align-content:center;justify-content:space-evenly;margin-bottom:30px}.tools-resize .dimensions input{margin:0;max-width:150px;text-align:center}.tools-resize .dimensions span{font-family:Consolas,"Roboto Mono",Monaco,"Lucida Console",monospace;font-size:24px}.tools-resize .footnote{font-size:16px;color:#c4dbf1;margin-top:-25px;margin-bottom:20px}.tools-resize .results{display:none;padding:10px;max-width:400px;margin:0 auto;word-wrap:break-word;font-family:Consolas,"Roboto Mono",Monaco,"Lucida Console",monospace;border-radius:5px;box-shadow:0 0 30px rgba(55,133,167,.5);font-size:14px;line-height:20px}@media (min-width:480px){.section-title{font-size:36px}.text{font-size:24px;margin-bottom:32px}.tools-headers .results,.tools-resize .results{padding:15px}.tools-ip{padding:15px;margin:50px auto 20px}}.tools-resize .results.active{display:block;margin:30px auto}.tools-structure{display:grid;grid-template:auto auto auto auto/auto;height:100%}.ia-eu-na-crista-da-onda-quando-bati-com-os-cornos-na-torneira{transform:rotate(180deg)}