@font-face{font-family:Ionicons;src:url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.eot?v=3.0.0-alpha.3);src:url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.eot?v=3.0.0-alpha.3#iefix) format("embedded-opentype"),url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.woff2?v=3.0.0-alpha.3) format("woff2"),url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.woff?v=3.0.0-alpha.3) format("woff"),url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.ttf?v=3.0.0-alpha.3) format("truetype"),url(https://anandchowdhary.github.io/ionicons-3-cdn/ionicons.svg?v=3.0.0-alpha.3#Ionicons) format("svg");font-weight:400;font-style:normal}.ion{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-link:before{content:"\f22a"}.ion-ios-link-outline:before{content:"\f1ca"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f454"}.ion-ios-menu:before{content:"\f1c3"}.ion-ios-menu-outline:before{content:"\f1c2"}.ion-ios-partly-sunny:before{content:"\f1df"}.ion-ios-partly-sunny-outline:before{content:"\f1de"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}*,::after,::before{box-sizing:border-box}body{background:linear-gradient(90deg,#fff,#000);margin:0}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}.main__menu{display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.main__menu{grid-template-columns:1fr;max-width:300px}}.main__menu .list-item:hover .drop-menu li{display:block}.main__menu .list-item:hover .menu-1{perspective:1000px}.main__menu .list-item:hover .menu-1 .drop-item{opacity:0}.main__menu .list-item:hover .menu-1 .drop-item:nth-child(1){animation-name:leftToRight;animation-duration:.4s;animation-delay:-150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-1 .drop-item:nth-child(2){animation-name:leftToRight;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-1 .drop-item:nth-child(3){animation-name:leftToRight;animation-duration:.4s;animation-delay:150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-1 .drop-item:nth-child(4){animation-name:leftToRight;animation-duration:.4s;animation-delay:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-2{perspective:1000px}.main__menu .list-item:hover .menu-2 .drop-item{opacity:0;transform-origin:top center}.main__menu .list-item:hover .menu-2 .drop-item:nth-child(1){animation-name:topToBottom;animation-duration:.4s;animation-delay:-150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-2 .drop-item:nth-child(2){animation-name:topToBottom;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-2 .drop-item:nth-child(3){animation-name:topToBottom;animation-duration:.4s;animation-delay:150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-2 .drop-item:nth-child(4){animation-name:topToBottom;animation-duration:.4s;animation-delay:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-3{perspective:1000px}.main__menu .list-item:hover .menu-3 .drop-item{opacity:0}.main__menu .list-item:hover .menu-3 .drop-item:nth-child(1){animation-name:itemBounce;animation-duration:.4s;animation-delay:-150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-3 .drop-item:nth-child(2){animation-name:itemBounce;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-3 .drop-item:nth-child(3){animation-name:itemBounce;animation-duration:.4s;animation-delay:150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-3 .drop-item:nth-child(4){animation-name:itemBounce;animation-duration:.4s;animation-delay:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-4{perspective:1000px}.main__menu .list-item:hover .menu-4 .drop-item{opacity:0;transform-origin:top right}.main__menu .list-item:hover .menu-4 .drop-item:nth-child(1){animation-name:bottomToTop;animation-duration:.4s;animation-delay:-150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-4 .drop-item:nth-child(2){animation-name:bottomToTop;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-4 .drop-item:nth-child(3){animation-name:bottomToTop;animation-duration:.4s;animation-delay:150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .menu-4 .drop-item:nth-child(4){animation-name:bottomToTop;animation-duration:.4s;animation-delay:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.main__menu .list-item:hover .about{border-top:6px solid #96c}.main__menu .list-item:hover .widget{border-top:6px solid #f33}.main__menu .list-item:hover .slug{border-top:6px solid #fc3}.main__menu .list-item:hover .contact{border-top:6px solid #55dde0}.main__menu .list-item a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:450px;color:#fff;cursor:unset}.main__menu .list-item a:hover{cursor:pointer}.main__menu .list-item a span{font:600 25px Roboto,sans-serif;order:2}.main__menu .list-item a img{width:100px}.main__menu .list-item a.about{background:#fc3}.main__menu .list-item a.widget{background:#55dde0}.main__menu .list-item a.slug{background:#96c}.main__menu .list-item a.contact{background:#33658a}.main__menu .list-item a i{color:#fff;font-size:100px}.main__menu .list-item .drop-menu .drop-item{display:none}.main__menu .list-item .drop-menu .drop-item a{height:80px;font:300 22px Roboto,sans-serif}.main__menu .list-item .drop-menu .drop-item a.item--1{background:#000}.main__menu .list-item .drop-menu .drop-item a.item--2{background:#000}.main__menu .list-item .drop-menu .drop-item a.item--3{background:#000}@keyframes leftToRight{0%{opacity:0;transform:rotateY(-90deg) translateY(30px)}100%{opacity:1;transform:rotateY(0) translateY(0)}}@keyframes topToBottom{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}@keyframes itemBounce{0%{opacity:0;transform:scale(.3) translateY(-60px)}80%{transform:scale(1.2) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes bottomToTop{0%{opacity:0;transform:rotate(-30deg)}100%{opacity:1;transform:rotate(0)}}