Theo Costantini | Freelance (web) developper

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: #F7F7F7; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; margin: 0; overflow: hidden; text-rendering: optimizeLegibility; } .container-fluid { padding-left: 16px; padding-right: 16px; } .row { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 8px; padding-left: 8px; max-width: 100%; } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } section { color: #F7F7F7; font-weight: bold; height: 100vh; } .container-fluid { height: 50vh; } .row > * { z-index: 1; } .container-fluid.title > .row, .container-fluid.info > .row { height: 100%; } .container-fluid.title span.costantini, .container-fluid.title span.theo { font-size: 14vw; letter-spacing: 0.0875rem; line-height: 11vw; } .container-fluid.title span.costantini { margin-right: 3vw; } .container-fluid.title span.theo { margin-right: 15.75vw; } .container-fluid.info { text-align: center; } p { font-size: 1rem; letter-spacing: 0.0875rem; line-height: 1.125rem; } p.alt { font-weight: 300; } a { color: #B0B0B0; display: inline-block; text-decoration: none; word-break: break-all; } a:active, a:hover, a:visited, a:focus { color: #B0B0B0; } a:after { background: transparent; content: ''; display: block; height: 1px; margin: auto; transition: width .4s cubic-bezier(.17,.84,.44,1), background-color .3s ease; width: 0px; } a:hover:after { background: #B0B0B0; width: 100%; } .bg { background-color: #333333; height: 100vh; left: 0; position: absolute; top: 0; width: 100%; }

COSTANTINI

THEO

Please enable Javascript to view this awesome website.

[ Linkedin / Github ]