@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap");ul,li{margin:0;padding:0}@-webkit-keyframes drop{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes drop{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes fade{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}25%{opacity:0.25;-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{opacity:0.5;-webkit-transform:translateY(0px);transform:translateY(0px)}75%{opacity:0.75}100%{opacity:1}}@keyframes fade{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}25%{opacity:0.25;-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{opacity:0.5;-webkit-transform:translateY(0px);transform:translateY(0px)}75%{opacity:0.75}100%{opacity:1}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Montserrat', sans-serif;line-height:1.6}h1,h2,h3,h4{font-weight:400}ul{list-style:none}a{text-decoration:none}main{height:90vh}header{width:100%;height:10vh;background:#fafafa;font-weight:500}header .container{display:-webkit-box;display:-ms-flexbox;display:flex;width:90%;height:10vh;margin:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logo,.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex}.logo{-webkit-box-flex:1;-ms-flex:1;flex:1}.logo img{height:50px;vertical-align:middle}.nav-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none}.nav-link a,.icon{display:block;text-align:center;padding:14px 16px}.icon img{height:25px}.nav-link a{color:#021d33;font-size:18px}.nav-list a:hover{color:#0d80d5}.icon{display:none}.cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0d80d5}.cta img{vertical-align:middle;margin-right:5px;height:20px}.content{width:90%;height:100%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home{height:100%;background-image:-webkit-gradient(linear, left bottom, left top, from(#0d80d5), to(#fafafa));background-image:linear-gradient(to top, #0d80d5 0%, #fafafa 100%)}.home-intro,.matech{width:100%;color:#021d33}h1{font-weight:600;font-size:2.5rem;margin:20px 0}.home-intro p{font-size:1.25rem;margin-bottom:30px}.home-intro a.connect{font-weight:600;padding:8px;background:#0a63a5;color:#fafafa;border-radius:5px}.home-intro a.connect:hover{background:#074675}.matech{margin:20px auto}.matech svg{width:80%;height:100%;display:block;margin:0 auto}#mathisi-logo{cursor:pointer}#temenos,#python,#java,#golang{cursor:pointer;-webkit-animation:fade 4s linear 0.5s 1;animation:fade 4s linear 0.5s 1}#line1,#line2,#line3{-webkit-animation:drop 2s linear 0s infinite alternate;animation:drop 2s linear 0s infinite alternate}#temenos:hover{height:88px}#python:hover{height:73px}#golang:hover{height:45px}#java:hover{height:90px}.comp-info{width:100%;background:#0d80d5}.comp-info ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.info{font-size:0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;margin-right:10px}.info a{color:#fafafa}.info img{margin-right:5px;height:30px;vertical-align:middle}.info:hover{background-color:transparent;color:#0d80d5}@media screen and (max-width: 1024px){.logo img{height:45px}h1{font-size:1.98rem}.matech svg{width:100%}}@media screen and (max-width: 768px){.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content :nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}h1{margin:10px 0}.matech svg{width:80%}.home-intro{text-align:center}.home-intro p{font-size:1.2rem}}@media screen and (max-width: 710px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.logo{padding:10px 20px}.logo img{height:40px}.nav-link a{display:none}.nav-list.responsive{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f5;position:relative;-webkit-animation-name:drop;animation-name:drop;-webkit-animation-duration:1s;animation-duration:1s}.nav-list.responsive .nav-link a{float:none;display:block;text-align:left}.nav-list.responsive .nav-link a:hover{color:#0d80d5;background:#fafafa}.highlight{background:#ededed;border:1px solid #e1e1e1}header .container{width:100%;display:block}header .container a.icon{text-align:center;padding:8px 10px 0px 10px;cursor:pointer;display:block;position:absolute;right:10px;top:5px;border-radius:50%}.content{padding:30px}h1{font-size:1.5rem}.home-intro p{font-size:1rem}.matech svg{width:100%}}