ul.boxes{width:100%;max-width:100%;display:grid;grid-gap:10px;list-style-type:none}ul.boxes li{position:relative;min-height:150px}ul.boxes li span.big{display:block;padding:10px 10px 0 10px;font-size:28pt;font-weight:bold;font-family:'Raleway',sans-serif}ul.boxes li span.underhang{display:block;padding:5px 10px 0 10px;line-height:16pt;font-weight:bold;font-family:'Raleway',sans-serif}ul.boxes li span.br{display:block;position:absolute;bottom:10px;right:10px;text-align:right}@media screen and (max-width:760px){ul.boxes{display:block}ul.boxes li{margin-bottom:10px}ul.boxes li:last-child{margin-bottom:0}}.right ul li span.flags{position:absolute;right:0;top:20px}.right ul li span.flags img{width:auto;height:28px;padding-left:10px}@media screen and (max-width:1170px){.right ul li span.flags{top:24px}.right ul li span.flags img{height:20px}}@media screen and (max-width:470px){.right ul li span.flags{display:none}}.right ul li.tech{overflow:hidden}@keyframes techSlide{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.right ul li.tech span.name{display:block;float:left;line-height:20px;width:110px;font-weight:bold;text-align:right}.right ul li.tech span.name span{padding-right:10px}.right ul li.tech span.competence{display:block;line-height:29px;overflow:hidden}.right ul li.tech span.competence span.percentage{display:block;animation:0.75s ease-out 0s 1 techSlide;animation-fill-mode:both;animation-delay:0.5s;margin-top:2px;height:15px;background-color:#FFF;text-align:right}.right ul li.tech span.competence span.percentage span{display:block;height:100%;padding-right:5px;line-height:15px;font-size:8pt;font-weight:bold;color:#000}.right ul li.tech span.competence span.p10{width:100%;background-color:#54B340}.right ul li.tech span.competence span.p9{width:90%;background-color:#73AE42}.right ul li.tech span.competence span.p8{width:80%;background-color:#87A642}.right ul li.tech span.competence span.p7{width:70%;background-color:#989D42}.right ul li.tech span.competence span.p6{width:60%;background-color:#A79242}.right ul li.tech span.competence span.p5{width:50%;background-color:#B38641}.right ul li.tech span.competence span.p4{width:40%;background-color:#BD7840}.right ul li.tech span.competence span.p3{width:30%;background-color:#D0573D}.right ul li.tech span.competence span.p2{width:20%;background-color:#D7413B}.right ul li.tech span.competence span.p1{width:10%;background-color:#DD2338}ul#education-boxes{grid-template-columns:1fr 1fr 1fr}ul#education-boxes li{height:180px}ul#education-boxes li a{color:#FFFFFF;background-color:#00243D}ul#education-boxes li a#education-crest{background-image:url('/static/img/me/glasgow-crest.svg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:760px){ul#education-boxes li a#education-crest{background-position:center top}}ul#experience-boxes{grid-template-columns:1fr 1fr 1fr 1fr 1fr}ul#experience-boxes li a{color:#FFFFFF;background-color:#003D19}li#microsoft-box{grid-column:1 / span 5;height:270px}li#microsoft-box a{background-image:url('/static/img/me/australia.jpg?bda0995a2649');background-position:right;background-repeat:no-repeat;background-size:cover}li#ati-pic-box{grid-column:1 / span 2;grid-row:2 / span 2;background-image:url('/static/img/me/ati-talk.jpg?bda0995a2649');background-position:30% center;background-repeat:no-repeat;background-size:cover}li#ati-box{grid-column:3 / span 3;height:220px}li#publications-box{grid-column:3 / span 3;height:220px}li#publications-box a{background-image:url('/static/img/me/publications.jpg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover;color:#000!important}@media screen and (max-width:760px){li#ati-pic-box{height:230px}}ul#communication-boxes{grid-template-columns:1fr 1fr 1fr 1fr 1fr}ul#communication-boxes li a{color:#FFFFFF;background-color:#3D1900}li#communication-title-box{grid-column:1 / span 3;height:200px}li#presentation-box{grid-column:4 / span 2;grid-row:1 / span 2;background-image:url('/static/img/me/presentation.jpg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover}li#slide-box{grid-column:1 / span 3;background-image:url('/static/img/me/slide.jpg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width:760px){li#presentation-box{height:200px;background-position:85% center}li#slide-box{height:200px}}ul#twd-boxes{display:block}ul#twd-boxes li a{color:#FFFFFF;background-color:#3D1900}li#twd-box a{height:240px;background-image:url('/static/img/me/twd.jpg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:right}@media screen and (max-width:760px){li#twd-box a{height:200px;background-image:none;text-align:left}}ul#other-boxes{grid-template-columns:1fr 1fr 1fr}ul#other-boxes li a{color:#FFFFFF;background-color:#3D0024}li#design-box{height:250px;grid-column:1 / span 3}li#design-box a{background-image:url('/static/img/me/design.jpg?bda0995a2649');background-position:right;background-repeat:no-repeat;background-size:cover}li#arts-box{grid-column:1 / span 1;grid-row:2 / span 2}li#arts-box a{background-image:url('/static/img/me/arts.jpg?bda0995a2649');background-position:center bottom;background-repeat:no-repeat;background-size:cover}li#motorsports-box{height:230px;grid-column:2 / span 2}li#motorsports-box a{background-image:url('/static/img/me/motorsports.jpg?bda0995a2649');background-position:center center;background-repeat:no-repeat;background-size:cover}li#volunteering-box{height:200px;grid-column:2 / span 2}@media screen and (max-width:760px){li#arts-box a{height:180px}}