@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap);*{box-sizing:border-box;padding:0;margin:0}body{font-family:Merriweather,serif}.loader-wrapper{width:100%;height:100%;position:absolute;display:flex;justify-content:center;justify-content:center;background-color:#000;padding-bottom:50px}.loader{width:30px}p{font-family:Nunito,sans-serif;font-weight:300;font-size:13px;padding-top:35px;word-spacing:1px;line-height:30px}.logo{width:45px;cursor:pointer}a,li{font-size:14px;color:#000;text-decoration:#000}a{text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:10px 20%}.logo,.nav_links{list-style:none}.nav_links li{display:inline-block;padding:0 60px 0 0}.nav_links li a{transition:all .3s ease 0s}.nav_links li a:hover{font-size:16px;color:#000}a.left{position:relative}a.left:before{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:#000;visibility:hidden;transition:all .3s ease-in-out}a.left:hover:before{visibility:visible;width:100%}b{font-weight:600}.main_content{display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;padding:20px 20%}.intro{width:35%;margin-right:0}.linkedin img{width:25px;padding-top:30px}.linkedin{display:flex}.linkedin a{margin-left:10px}.linkedin p{font-size:15px!important;margin:0;padding:0}.linkedin p{transition:all .3s ease 0s}.linkedin p:hover{font-weight:600}.projects{width:61%}.projects a{font-size:10px!important}.p1,.p2,.p3,.p4,.p5{background-color:#80ddff;margin:0 10px 0 20px;height:120px;padding:3px 5px;border-radius:0;display:flex;justify-content:space-between;white-space:nowrap;overflow:hidden}.p2{background-color:#95e3ff}.p3{background-color:#a8e8ff}.p4{background-color:#b7ecff}.p5{background-color:#cbf1ff}.projects p{align-self:flex-end}.projects div{transition:all .3s ease 0s;transition:all .2s ease-in-out}.projects div:hover{background-color:#05627e;box-shadow:0 0 7px 0 #05627e;transform:scale(1.02);font-size:larger;color:#fff}.intro h2{font-weight:200;font-size:30px}.intro h1{margin-top:5px}.intro p{margin-top:35px;font-size:20px;font-weight:300;line-height:35px}@media (max-width:1024px){.top{padding:10px 5%}.main_content{padding:10px 5%}}@media (max-width:720px){.main_content{flex-direction:column;text-align:center}.intro{width:100%}.projects{padding-top:30px;width:100%}.projects div{margin:0}.top{flex-direction:column-reverse}.nav_links{padding-top:15px}.nav_links li{text-align:center;padding-right:5px}.intro p{margin-top:0}.linkedin{display:none}}