#root{height:94vh}body{background-color:#0a0a0a;position:relative;margin:0;font-family:Open Sans,Inter,Arial,sans-serif;font-size:12pt;color:#432371;line-height:1.5}a,a:visited{text-decoration:none;color:#faae7b}h2,h3,h4,p{margin:0;padding:0}ul{list-style-type:none;margin:0;padding:0}.nav{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;background:#fff;padding:5px 30px;font-weight:600;width:100%;position:absolute;box-sizing:border-box;border-radius:5px 5px 0 0;font-size:9pt;opacity:60%}.nav a{color:#432371;margin:0 15px;font-size:12pt}.socials{display:flex}.socials a{margin:0 5px;padding:0}.socials img{display:block;width:20px;height:20px;object-fit:cover}.carousel-img{width:100%;height:100%;object-fit:cover}.arrow{position:absolute;bottom:45%;left:0;right:0;display:flex;justify-content:space-between;margin:0}.arrow button{background-color:#000;color:#fff;border:none;width:30px;height:65px;opacity:70%}.footer{color:#fff;font-size:9pt;text-transform:uppercase;text-align:center}.container{background-color:#f8f8f8;border-radius:5px;display:flex;align-items:center;padding:100px 0}.profile{text-align:right}.profile h2{font-size:50px}.skills{text-align:left;margin-top:45px}.skills ul{display:grid;grid-template-columns:repeat(2,50%)}.container{flex-direction:column}.section{padding:0 100px}.section h3{margin-bottom:20px}.project{display:flex;margin-bottom:25px}.project img{width:50%;border-radius:5px;margin-left:65px}.description p{margin-bottom:10px}.description img{width:100%;border-radius:5px}.project button,.description button{display:flex;border:none;background-color:#432371;color:#fff;font-size:8pt;padding:5px 15px;margin:20px auto;border-radius:15px;text-transform:uppercase}.cas{display:flex;flex-direction:column;align-items:center;margin-top:100px}.casCards{display:flex;justify-content:center;flex-wrap:wrap}.cas img{width:30%;margin:10px;object-fit:cover}.mech p{font-size:8pt;text-transform:uppercase;font-style:italic;text-align:center}.twitch{display:flex}.twitch img{margin:20px}.illustrations{display:flex;justify-content:center}.illustrations h3{text-align:center;margin-bottom:10px}.illustrations img{width:600px}