body{margin:0;height:100vh}#root{height:100vh}.layout{display:flex;flex-direction:column}h1,h2,h3,h4,p,a{font-family:Helvetica,sans-serif;font-weight:400}#links{display:flex;background-color:#c5c8cc;width:100%;justify-content:center;height:75px;align-items:center}.text{text-decoration:none;color:#000}.text:hover{color:#fff;text-decoration:underline}ul{list-style:none;padding-left:0;display:flex;gap:50px}.header{background-color:transparent;padding-top:5%;padding-bottom:0%;text-align:center;font-size:40px;height:auto;font-weight:700;border-bottom:0%;margin-bottom:0%}#name{padding-top:1%;margin-top:0%;font-size:60px}#content{height:100%;text-align:center}#body{padding:5%}#Resume-button{background-color:#fff;border:2px solid rgb(197,200,204);font-size:20px;border-radius:7%;padding:10px;transition-duration:.4s}#Resume-button:hover{background-color:#c5c8cc}#buttons{display:flex;gap:30px;size:50px;justify-content:center;padding:30px}.wrap{height:100%;resize:contain;background-image:url(https://wallpaper-house.com/data/out/9/wallpaper2you_363894.jpg);background-size:cover;background-position:top}.layout{height:100%}.project-container{padding:25px;display:flex;flex-wrap:wrap;justify-content:center;gap:1em}.card-box{border-width:3px;border-style:solid;border-color:#000;border-radius:10px;height:300px;width:500px;box-shadow:0 0 #0003,0 0 #00000030;transition:.6s;text-decoration:none;color:#000;position:relative}.card-box:hover{box-shadow:0 0 32px #0006,0 12px 40px #0006}#project-title{opacity:1;padding:3%}#description{padding:5% 3% 3%}#background-container{z-index:-1;display:flex;height:100%;width:100%;margin:0;object-fit:cover;overflow:hidden;position:absolute}#background{height:100%;width:100%;opacity:.3;object-fit:cover;overflow:hidden;background-size:cover}