html, body { padding: 0; margin: 0; color: black; min-height: 100%; height: 100%; width: 100%; transition: background 1s linear 0s;-o-transition: background 1s linear 0s;-ms-transition: background 1s linear 0s;-moz-transition: background 1s linear 0s;-webkit-transition: background 1s linear 0s; } *::selection { background: black; color: white; } *::-moz-selection { background:black; color:white; } *::-webkit-selection { background:black; color:white; } .pointer { cursor: pointer; } .center { text-align: center; } img, table, td, textarea, input { max-width: 100%; box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } .horizontal-section { min-width: 120px; } .with-tooltip { display: inline-block; margin: 30px 0 30px; overflow: hidden; } .with-tooltip paper-tooltip { position: absolute; } paper-toolbar { background: white !important; } paper-menu a:not([aria-selected]) { color: #373b50 !important; } paper-menu a[aria-selected] iron-icon, paper-menu a:hover iron-icon { opacity: 1 !important; } paper-scroll-header-panel[drawer] { border: 0 !important; } paper-scroll-header-panel[drawer] paper-menu { margin-top: 0px; } .right { position: absolute; right: 25px; } [data-theme="dark-side"] { background: #212121 !important; } [data-theme="dark-side"] .with-tooltip paper-tooltip { background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 5px black inset !important;-o-box-shadow: 0 0 5px black inset !important;-ms-box-shadow: 0 0 5px black inset !important;-moz-box-shadow: 0 0 5px black inset !important;-webkit-box-shadow: 0 0 5px black inset !important; } [data-theme="dark-side"] paper-material { color: white !important; background: #212121 !important; } [data-theme="dark-side"] paper-material paper-material, [data-theme="dark-side"] .paint { color: white !important; background: black !important; } [data-theme="dark-side"] .paintBorder { border-color: black !important; } [data-theme="dark-side"] paper-toolbar { background: black !important; } [data-theme="dark-side"] paper-menu a[aria-selected] { background: #212121; } [data-theme="dark-side"] paper-menu a:not([aria-selected]), [data-theme="dark-side"] paper-menu a:not([aria-selected]) iron-icon { color: white !important; } [data-theme="dark-side"] paper-menu { margin-top: 0px; padding-top: 0px; background: black !important; } [data-theme="dark-side"] .silverBack { background: #2c2f2f !important; border-color: black !important; } [data-theme="dark-side"] .whitePaper, { background: #212121 !important; } [data-theme="dark-side"] #mainToolbar a { color: rgb(233,233,233) !important; } [data-theme="dark-side"] #mainToolbar a:hover { color: silver !important; } [data-theme="dark-side"] a { color: white !important; } [data-theme="dark-side"] a:hover { color: silver !important; text-shadow: 0 0 1px black !important; } [data-theme="dark-side"] #mainContainer::-webkit-scrollbar-track, [data-theme="dark-side"] paper-dialog::-webkit-scrollbar-track, [data-theme="dark-side"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-track, [data-theme="dark-side"] paper-material::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } [data-theme="dark-side"] #mainContainer::-webkit-scrollbar, [data-theme="dark-side"] #mainContainer::-webkit-scrollbar-thumb, [data-theme="dark-side"] #mainContainer::-webkit-scrollbar-corner, [data-theme="dark-side"] paper-dialog::-webkit-scrollbar, [data-theme="dark-side"] paper-dialog::-webkit-scrollbar-thumb, [data-theme="dark-side"] paper-dialog::-webkit-scrollbar-corner, [data-theme="dark-side"] paper-dialog-scrollable #scrollable::-webkit-scrollbar, [data-theme="dark-side"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-thumb, [data-theme="dark-side"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-corner, [data-theme="dark-side"] paper-material::-webkit-scrollbar, [data-theme="dark-side"] paper-material::-webkit-scrollbar-thumb, [data-theme="dark-side"] paper-material::-webkit-scrollbar-corner { background: #141614; } [data-theme="dark-side"] *::selection { background: white; color: black; } [data-theme="dark-side"] *::-moz-selection { background: white; color: black; } [data-theme="dark-side"] *::-webkit-selection { background: white; color: black; } .layout.horizontal, .layout.vertical { display: -ms-flexbox; display: -webkit-flex; display: flex; } .layout.inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .layout.horizontal { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .layout.vertical { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .layout.wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .layout.center, .layout.center-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .layout.center-justified, .layout.center-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .flex { -ms-flex: 1 1 0.000000001px; -webkit-flex: 1; flex: 1; -webkit-flex-basis: 0.000000001px; flex-basis: 0.000000001px; } .flex-auto { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .flex-none { -ms-flex: none; -webkit-flex: none; flex: none; } .layout.start { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .layout.center, .layout.center-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .layout.end { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .layout.baseline { -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; } .layout.start-justified { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .layout.center-justified, .layout.center-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .layout.end-justified { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .layout.around-justified { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .layout.justified { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .self-start { -ms-align-self: flex-start; -webkit-align-self: flex-start; align-self: flex-start; } .self-center { -ms-align-self: center; -webkit-align-self: center; align-self: center; } .self-end { -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; } .self-stretch { -ms-align-self: stretch; -webkit-align-self: stretch; align-self: stretch; } .self-baseline { -ms-align-self: baseline; -webkit-align-self: baseline; align-self: baseline; }; .layout.start-aligned { -ms-flex-line-pack: start; -ms-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; } .layout.end-aligned { -ms-flex-line-pack: end; -ms-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; } .layout.center-aligned { -ms-flex-line-pack: center; -ms-align-content: center; -webkit-align-content: center; align-content: center; } .layout.between-aligned { -ms-flex-line-pack: justify; -ms-align-content: space-between; -webkit-align-content: space-between; align-content: space-between; } .layout.around-aligned { -ms-flex-line-pack: distribute; -ms-align-content: space-around; -webkit-align-content: space-around; align-content: space-around; } #switch { position: absolute !important; border: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; } #switch + label { position: relative; display: block; width: 100px; height: 20px; line-height: 20px; font-size: 8px; color: rgb(0,0,0); font-family: Helvetica, arial, sans-serif; text-align: center; border: solid 2px #000; box-shadow: 0 0 10px black;-o-box-shadow: 0 0 10px black;-ms-box-shadow: 0 0 10px black;-moz-box-shadow: 0 0 10px black;-webkit-box-shadow: 0 0 10px black; background-color: rgb(48,48,48); background-image: -webkit-gradient(linear, 0 0 , 7% 100%, from(rgb(0,0,0)), color-stop(.1, rgb(0,0,0)), color-stop(.1, transparent), to(transparent)), -webkit-gradient(linear, 100% 0 , 93% 100%, from(rgb(0,0,0)), color-stop(.1, rgb(0,0,0)), color-stop(.1, transparent), to(transparent)), -webkit-gradient(linear, 100% 100%, 93% 0 , from(rgb(0,0,0)), color-stop(.1, rgb(0,0,0)), color-stop(.1, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 7% 0 , from(rgb(0,0,0)), color-stop(.1, rgb(0,0,0)), color-stop(.1, transparent), to(transparent)), -webkit-gradient(linear, 100% 0 , 0 0 , from(rgb(0,0,0)), color-stop(.04, rgb(57,57,57)), color-stop(.06, rgb(57,57,57)), color-stop(.94, rgb(57,57,57)), to(rgb(0,0,0))); background-image: -webkit-linear-gradient(-70deg, rgb(0,0,0) 3%, transparent 3%), -webkit-linear-gradient(-110deg, rgb(0,0,0) 3%, transparent 3%), -webkit-linear-gradient(110deg, rgb(0,0,0) 3%, transparent 3%), -webkit-linear-gradient(70deg, rgb(0,0,0) 3%, transparent 3%), -webkit-linear-gradient(left, rgb(0,0,0), rgb(57,57,57) 4%, rgb(57,57,57) 6%, rgb(57,57,57) 94%, rgb(57,57,57) 96%, rgb(0,0,0) 100%); background-image: -moz-linear-gradient(-70deg, rgb(0,0,0) 3%, transparent 3%), -moz-linear-gradient(-110deg, rgb(0,0,0) 3%, transparent 3%), -moz-linear-gradient(110deg, rgb(0,0,0) 3%, transparent 3%), -moz-linear-gradient(70deg, rgb(0,0,0) 3%, transparent 3%), -moz-linear-gradient(left, rgb(0,0,0), rgb(57,57,57) 4%, rgb(57,57,57) 6%, rgb(57,57,57) 94%, rgb(57,57,57) 96%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient(-70deg, rgb(0,0,0) 3%, transparent 3%), -ms-linear-gradient(-110deg, rgb(0,0,0) 3%, transparent 3%), -ms-linear-gradient(110deg, rgb(0,0,0) 3%, transparent 3%), -ms-linear-gradient(70deg, rgb(0,0,0) 3%, transparent 3%), -ms-linear-gradient(left, rgb(0,0,0), rgb(57,57,57) 4%, rgb(57,57,57) 6%, rgb(57,57,57) 94%, rgb(57,57,57) 96%, rgb(0,0,0) 100%); background-image: -o-linear-gradient(-70deg, rgb(0,0,0) 3%, transparent 3%), -o-linear-gradient(-110deg, rgb(0,0,0) 3%, transparent 3%), -o-linear-gradient(110deg, rgb(0,0,0) 3%, transparent 3%), -o-linear-gradient(70deg, rgb(0,0,0) 3%, transparent 3%), -o-linear-gradient(left, rgb(0,0,0), rgb(57,57,57) 4%, rgb(57,57,57) 6%, rgb(57,57,57) 94%, rgb(57,57,57) 96%, rgb(0,0,0) 100%); background-image: linear-gradient(160deg, rgb(0,0,0) 3%, transparent 3%), linear-gradient(-160deg, rgb(0,0,0) 3%, transparent 3%), linear-gradient(-20deg, rgb(0,0,0) 3%, transparent 3%), linear-gradient(20deg, rgb(0,0,0) 3%, transparent 3%), linear-gradient(left, rgb(0,0,0), rgb(57,57,57) 4%, rgb(57,57,57) 6%, rgb(57,57,57) 94%, rgb(57,57,57) 96%, rgb(0,0,0) 100%); } #switch + label:before, #switch + label:after { transition: all .3s linear 0s;-o-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-webkit-transition: all .3s linear 0s; } #switch + label:before { content: 'ON'; text-shadow: 1px 1px 0 rgb(52,52,52); display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; cursor: pointer; background-color: rgb(45,45,45); background-image: -webkit-gradient(radial, 0 50%, 24, 0 50%, 60, from(transparent), to(rgba(0,0,0,.4))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(45,45,45)), to(rgb(32,32,32))); background-image: -webkit-radial-gradient(0 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -webkit-radial-gradient(0 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -webkit-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -moz-radial-gradient(0 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -moz-radial-gradient(0 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -moz-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -ms-radial-gradient(0 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -ms-radial-gradient(0 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -ms-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -o-radial-gradient(0 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -o-radial-gradient(0 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -o-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: radial-gradient(0 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), radial-gradient(0 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); transform: perspective(300px) rotateY(40deg);-o-transform: perspective(300px) rotateY(40deg);-ms-transform: perspective(300px) rotateY(40deg);-moz-transform: perspective(300px) rotateY(40deg);-webkit-transform: perspective(300px) rotateY(40deg); transform-origin: 100% 50%;-o-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%; } #switch:checked + label:before { color: white; cursor: default; text-shadow: 0 0 0px white; background-color: rgb(65,65,65); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(65,65,65)), to(rgb(48,48,48))); background-image: -webkit-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -moz-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -ms-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -o-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); transform: perspective(300px) rotateY(0deg);-o-transform: perspective(300px) rotateY(0deg);-ms-transform: perspective(300px) rotateY(0deg);-moz-transform: perspective(300px) rotateY(0deg);-webkit-transform: perspective(300px) rotateY(0deg); } #switch + label:after { color: white; content: 'OFF'; display: block; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background-color: rgb(65,65,65); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(65,65,65)), to(rgb(48,48,48))); background-image: -webkit-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -moz-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -ms-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: -o-linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); background-image: linear-gradient(top, rgb(65,65,65), rgb(48,48,48)); transform: perspective(300px) rotateY(0deg);-o-transform: perspective(300px) rotateY(0deg);-ms-transform: perspective(300px) rotateY(0deg);-moz-transform: perspective(300px) rotateY(0deg);-webkit-transform: perspective(300px) rotateY(0deg); transform-origin: 0 50%;-o-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-webkit-transform-origin: 0 50%; } #switch:checked + label:after { cursor: pointer; color: rgb(0,0,0); background-color: rgb(45,45,45); background-image: -webkit-gradient(radial, 100% 50%, 24, 100% 50%, 60, from(transparent), to(rgba(0,0,0,.4))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(45,45,45)), to(rgb(32,32,32))); background-image: -webkit-radial-gradient(100% 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -webkit-radial-gradient(100% 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -webkit-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -moz-radial-gradient(100% 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -moz-radial-gradient(100% 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -moz-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -ms-radial-gradient(100% 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -ms-radial-gradient(100% 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -ms-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: -o-radial-gradient(100% 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), -o-radial-gradient(100% 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), -o-linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); background-image: radial-gradient(100% 50%, circle farthest-side, transparent 40%, rgba(0,0,0,.12) 100%), radial-gradient(100% 50%, ellipse farthest-side, transparent 40%, rgba(0,0,0,.25) 100%), linear-gradient(top, rgb(45,45,45), rgb(32,32,32)); transform: perspective(300px) rotateY(-40deg);-o-transform: perspective(300px) rotateY(-40deg);-ms-transform: perspective(300px) rotateY(-40deg);-moz-transform: perspective(300px) rotateY(-40deg);-webkit-transform: perspective(300px) rotateY(-40deg); } [data-theme="technology"] paper-menu a[aria-selected] { background: rgba(54, 58, 79, 0.1); color: #363a4f !important; } [data-theme="technology"] paper-toolbar { background: #373b50 !important; } [data-theme="technology"] paper-toolbar iron-icon { color: white !important; } [data-theme="technology"] paper-material paper-material, [data-theme="technology"] .paint { color: white !important; background: #373b50 !important; } [data-theme="technology"] paper-material paper-material a, [data-theme="dark-side"] paper-material paper-material a { color: white !important; } [data-theme="technology"] #mainContainer::-webkit-scrollbar-track, [data-theme="technology"] paper-dialog::-webkit-scrollbar-track, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-track, [data-theme="technology"] paper-material::-webkit-scrollbar-track { background: #f2f7fa; } [data-theme="technology"] #mainContainer::-webkit-scrollbar, [data-theme="technology"] #mainContainer::-webkit-scrollbar-thumb, [data-theme="technology"] #mainContainer::-webkit-scrollbar-corner, [data-theme="technology"] paper-dialog::-webkit-scrollbar, [data-theme="technology"] paper-dialog::-webkit-scrollbar-thumb, [data-theme="technology"] paper-dialog::-webkit-scrollbar-corner, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-thumb, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-corner, [data-theme="technology"] paper-material::-webkit-scrollbar, [data-theme="technology"] paper-material::-webkit-scrollbar-thumb, [data-theme="technology"] paper-material::-webkit-scrollbar-corner { background: #373b50; } @media print { [data-theme="technology"] #mainContainer::-webkit-scrollbar-track, [data-theme="technology"] paper-dialog::-webkit-scrollbar-track, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-track, [data-theme="technology"] paper-material::-webkit-scrollbar-track { background: transparent !important; } [data-theme="technology"] #mainContainer::-webkit-scrollbar, [data-theme="technology"] #mainContainer::-webkit-scrollbar-thumb, [data-theme="technology"] #mainContainer::-webkit-scrollbar-corner, [data-theme="technology"] paper-dialog::-webkit-scrollbar, [data-theme="technology"] paper-dialog::-webkit-scrollbar-thumb, [data-theme="technology"] paper-dialog::-webkit-scrollbar-corner, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-thumb, [data-theme="technology"] paper-dialog-scrollable #scrollable::-webkit-scrollbar-corner, [data-theme="technology"] paper-material::-webkit-scrollbar, [data-theme="technology"] paper-material::-webkit-scrollbar-thumb, [data-theme="technology"] paper-material::-webkit-scrollbar-corner { background: transparent !important; } #mainToolbar { display: none; } section[data-route="cv"] { margin-top: -135px; } section[data-route="cv"] paper-button { display: none; } iron-pages { padding: 20px 0 5px 0 !important; } }