.contrast__yellow-blue--icon,.contrast__button--black--icon,.toolbar-toggle__button svg{transition:fill 0.5s linear;-webkit-transition:fill 0.5s linear;-moz-transition:fill 0.5s linear}.toolbar__contrast-button{transition:background-color 0.8s linear;-webkit-transition:background-color 0.8s linear;-moz-transition:background-color 0.8s linear}a{transition:color 0.5s linear;-webkit-transition:color 0.5s linear;-moz-transition:color 0.5s linear;transition:background-color 0.4s linear;-webkit-transition:background-color 0.4s linear;-moz-transition:background-color 0.4s linear}.toolbar-toggle__button svg{transition:stroke 0.1s linear;-webkit-transition:stroke 0.1s linear;-moz-transition:stroke 0.1s linear}@-webkit-keyframes expanded{from{opacity:0}to{opacity:1}}@keyframes expanded{from{opacity:0}to{opacity:1}}.expanded{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.toolbar-toggle{animation-delay:3.8s;-webkit-animation-delay:3.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.menu-toggle{animation-delay:0.7s;-webkit-animation-delay:0.7s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.main{animation-delay:0.2s;-webkit-animation-delay:0.2s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.menu{animation-delay:0.3s;-webkit-animation-delay:0.3s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.info-wrapper{animation-delay:0.8s;-webkit-animation-delay:0.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.code-wrapper{animation-delay:1s;-webkit-animation-delay:1s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.footer{animation-delay:1.1s;-webkit-animation-delay:1.1s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.toolbar-list__item--fontsize{animation-delay:0.6s;-webkit-animation-delay:0.6s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fontsize__item--normal{animation-delay:0.8s;-webkit-animation-delay:0.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fontsize__item--medium{animation-delay:0.9s;-webkit-animation-delay:0.9s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fontsize__item--large{animation-delay:1s;-webkit-animation-delay:1s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.contrast__button--yellow{animation-delay:1.2s;-webkit-animation-delay:1.2s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.contrast__button--black{animation-delay:1.1s;-webkit-animation-delay:1.1s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.toolbar-list__item--contrast{animation-delay:0.8s;-webkit-animation-delay:0.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.modal-content{animation-delay:0.4s;-webkit-animation-delay:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.modal-title,.getintouchinfo{animation-delay:0.5s;-webkit-animation-delay:0.5s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.getintouchform{animation-delay:0.75s;-webkit-animation-delay:0.75s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.getmoreinfo{animation-delay:0.9s;-webkit-animation-delay:0.9s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.modal__button--close{animation-delay:0.8s;-webkit-animation-delay:0.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.getintouch{animation-delay:4.5s;-webkit-animation-delay:4.5s;-webkit-animation-duration:0.3s;animation-duration:0.s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.skill{animation-delay:5.5s;-webkit-animation-delay:5.5s;-webkit-animation-duration:0.3s;animation-duration:0.s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.list-icon:nth-child(1){animation-delay:1.8s;-webkit-animation-delay:1.8s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.list-icon__content{animation-delay:1.9s;-webkit-animation-delay:1.9s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.code--embedstart{animation-delay:2s;-webkit-animation-delay:2s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.code--blockstart,.code__block{animation-delay:4.2s;-webkit-animation-delay:4.2s;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.code__block .code--include{animation-delay:4.4s;-webkit-animation-delay:4.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.form-item-icon svg{transition:fill 0.4s linear;-webkit-transition:fill 0.4s linear;-moz-transition:fill 0.4s linear}@keyframes fadein{from{opacity:0}to{opacity:1}}.fadein{animation-name:fadein}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fadeout{animation-name:fadeout;display:none}.fadein .slogan{animation-delay:0.8s;-webkit-animation-delay:0.8s;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fadein .slogan__devsigner--1{animation-delay:1.8s;-webkit-animation-delay:1.8s;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fadein .slogan__devsigner--2{animation-delay:1.4s;-webkit-animation-delay:1.4s;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fadein .slogan__devsigner--3 text{animation-delay:0.4s;-webkit-animation-delay:0.4s;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fadein .dev__fill rect{animation-delay:1.9s;-webkit-animation-delay:1.9s;-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}.fadein .signer_fill rect{animation-delay:2.2s;-webkit-animation-delay:2.2s;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:expanded;animation-name:expanded}