.home-body{height:100%}.homepage{padding:2% 15%;width:100%}.homepage,.homepage-box{display:flex;justify-content:center}.homepage-box{padding:8% 10%;flex-direction:row;align-items:center;border-radius:30px;background:rgba(255,255,255,.322);backdrop-filter:blur(100%);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.261);box-shadow:0 4px 30px rgba(0,0,0,.12);height:80vh;max-width:95%;margin:auto}.homepage-box-left{display:flex;flex-direction:column;gap:10px}.homepage-box-left>h1{font-size:38;font-weight:600}.homepage-box-left>h5{font-size:20px;font-weight:500}.resume-button{display:flex;justify-content:center;align-items:center;font-size:20px;margin-top:20px;padding:4% 10%;width:50%;border:5px solid rgba(0,0,0,.286);background-color:rgba(255,255,255,.286);border-radius:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;will-change:transform,box-shadow}.resume-button:hover{background-color:rgb(255,255,255);border:5px solid rgb(0,0,0)}.homepage-box-right{width:70%}.homepage-box-right>img{width:80%}@media (max-width:1200px){.homepage-box-right,.homepage-box-right>img{width:100%}}@media (max-width:800px){.homepage{margin-top:10%}.homepage-box-left{display:flex;flex-direction:column;gap:10px}.homepage-box-left>h1{font-size:30px}.homepage-box-left>h5{font-size:14px}.homepage-box-right,.homepage-box-right>img{width:150%}.resume-button{background-color:rgb(255,255,255);border:2px solid rgb(0,0,0);box-shadow:3px 3px 1px black;width:100%}}@media (max-width:550px){.homepage{padding:10px 5px}.homepage-box{display:flex;flex-direction:column;gap:40px;height:100vh}.homepage-box,.homepage-box-left{justify-content:center;align-items:center}.homepage-box-left{text-align:center}.homepage-box-right,.homepage-box-right>img{width:100%}.resume-button{width:60%}}