*{padding:0;margin:0;color:#fff;font-weight:700;text-align:center}body:before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-image:url(/_next/static/media/top-image.aa12fdde.jpg);background-size:cover;background-repeat:no-repeat}img{height:100%}:after,:before,HTML CSS Result Skip Results Iframe *{box-sizing:inherit}.button-link{display:flex;justify-content:center}.btn,a.btn,button.btn{width:30%;font-size:.8rem;line-height:1.5;position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;text-align:center;letter-spacing:.1em}a.btn-flat{overflow:hidden;padding:1rem;color:#6a6a6a;border-radius:.2rem;background:#124656;margin:10px}a.btn-flat span{position:relative}a.btn-flat:before{position:absolute;top:0;left:0;width:140%;height:500%;content:"";transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translateX(-98%) translateY(-25%) rotate(45deg);background:#00b7ee}a.btn-flat:hover:before{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg)}.scroll-arrow{margin-bottom:200px}section{padding-bottom:200px}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#fff;position:fixed;top:0;left:0;width:100%;z-index:1}nav{line-height:35px;margin:auto;width:70%}.logo{font-size:1.5rem;font-weight:700}.menu{display:flex;align-items:center;justify-content:space-around}.menu a{color:#fff;text-decoration:none;margin-left:1rem}.menu a:hover{color:#286dc2}.glowing-text{font-size:3rem;text-shadow:0 0 10px #5f6696,0 0 20px #395b92,0 0 30px #96b3e2,0 0 40px rgba(63,101,177,.401);font-family:Cinzel,serif}.top{height:100vh}.fade-in-text{display:grid;place-items:center;height:100vh}main{background-color:rgba(0,0,0,.538)}.about-me{width:80%;margin:0 auto;padding-bottom:5em}.cp_timeline04{position:relative;padding-bottom:2em}.cp_timeline04:before{position:absolute;top:0;left:45px;width:3px;height:100%;content:"";background:#85aef4}.cp_timeline04 .timeline_item{margin:0 0 0 80px}.cp_timeline04 .timeline_item .time_date .time{font-family:serif;font-size:5em;font-weight:700;position:relative;margin:0;letter-spacing:3px;color:hsla(0,14%,86%,.4)}.cp_timeline04 .timeline_item .time_date .time:before{position:absolute;top:50%;left:-42px;width:10px;height:10px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:3px solid #6fa4ff;background:#fff}.cp_timeline04 .timeline_item .time_date .flag{font-size:1.5em;font-weight:700;margin:-60px 0 0;color:#fff}.cp_timeline04 .timeline_item .desc{font-size:.8em;line-height:20px;margin-top:10px;padding-left:20px;border-left:1px solid #5c91f2}.cp_timeline04:before{left:15px}.cp_timeline04 .timeline_item .time_date .time:before{left:-32px}.cp_timeline04 .timeline_item{margin:0 0 0 40px}.cp_timeline04 .timeline_item .desc{padding-left:0;border-top:1px solid #578bf3;border-left:none}.link-table table{width:90%;border-collapse:collapse;margin:auto}.link-table td,.link-table th{padding:8px;text-align:left;border:1px solid #ccc}.link-table a{text-decoration:none;color:#007bff}.link-table a:hover{color:#0056b3}.self-study-evidence-img,.works-img{margin:15px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.self-study-evidence:hover .self-study-evidence-img,.works-app:hover .works-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.fade-in-text{opacity:0;-webkit-animation:fadeInAnimation 3s ease forwards;animation:fadeInAnimation 3s ease forwards}@-webkit-keyframes fadeInAnimation{to{opacity:1}}@keyframes fadeInAnimation{to{opacity:1}}footer{height:100px;background-color:rgba(0,0,0,.452);line-height:100px}footer img{height:50px;width:50px}.footer-text{display:flex;align-items:center;justify-content:center}.sample7{overflow:hidden;margin:10px 8px 10px 16px;position:relative}.sample7 .caption{font-size:1.2rem;color:#fff;text-align:center;padding-top:83px}.sample7 .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);transition:all .6s ease}.sample7:hover .mask{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}@media screen and (max-width:768px){.glowing-text{font-size:2rem}nav{display:flex;align-items:center;justify-content:flex-end;width:100%}.menu{display:none;flex-direction:column;position:absolute;top:30px;left:0;width:40%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.menu.open{display:flex}.hamburger{display:block;cursor:pointer;position:relative;z-index:2}.hamburger span{display:block;width:25px;height:3px;margin:5px;background-color:#fff;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.hamburger.open span:first-child{-webkit-transform:rotate(-45deg) translate(-3px,6px);transform:rotate(-45deg) translate(-3px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){-webkit-transform:rotate(45deg) translate(-5px,-7px);transform:rotate(45deg) translate(-5px,-7px)}h2{padding-bottom:30px}p{font-size:.7rem}a{text-decoration:none;transition:1s;cursor:pointer;color:#fff}a:hover{color:#e4dada}.works-app{padding:10px;margin:0 auto 20px}.works-img img{width:100%}.self-study{padding-top:50px}.self-study-evidence-box{display:flex;flex-wrap:wrap}.self-study-evidence{width:50%;margin:auto auto 30px}.self-study-evidence-img img{width:100%}.skills{margin:5px}.skills-box{display:flex;flex-wrap:wrap}.skill{width:22%;box-shadow:0 0 3px gray;padding:15px;margin:0 auto 12px;background:#fff}.skill-img img{width:40px;padding:7px}.skills h2{padding-bottom:20px}.skill p{color:#000}.qualifications-box{display:flex;flex-wrap:wrap;width:100vw}.qualification{margin:0 auto 30px}.qualifications p{font-weight:700;font-size:1.2rem;padding:15px 0}}@media (min-width:1024px){main{padding:0 200px}h2{font-size:2.5rem;padding:100px 0 50px}a{text-decoration:none;transition:1s;cursor:pointer;color:#fff}a:hover{color:#e4dada}.works{padding-top:50px}.works-app-box{display:flex;flex-wrap:wrap}.works-app{width:50%;margin:auto auto 30px}.works-img img{width:100%}.self-study{padding-top:50px}.self-study-evidence-box{display:flex;flex-wrap:wrap}.self-study-evidence{width:33%;margin:auto auto 30px}.self-study-evidence-img img{width:100%}.skills-box{display:flex;flex-wrap:wrap}.skill{width:17%;box-shadow:0 0 5px gray;margin:10px auto;background:#fff;opacity:.9}.skill-img img{width:40%;height:100%}.skill p{font-size:1.1rem;padding:10px;color:#000}.qualifications-box{display:flex;flex-wrap:wrap;padding:10px}.qualification{margin:0 auto 30px}.qualifications p{font-weight:700;font-size:1.2rem;padding:15px 0}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}