#profile{display:flex;flex-direction:row;justify-content:center;height:80vh}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.btn-container{display:flex;justify-content:center;gap:1rem}.btn{font-weight:600;transition:all .3s ease;padding:1rem;width:10rem;border-radius:2rem;font-size:1rem}.btn-color-1,.btn-color-2{font-weight:600}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:rgb(255,255,255) .1rem solid}.profile-text{align-self:center;text-align:center}.profile-text p{font-weight:600}.profile-text-p1{font-size:2rem;text-align:center}.profile-text-p2{font-size:2.5rem;margin-bottom:1rem}.profile-pic-container{display:flex;height:500px;width:500px;margin:auto 0}.profile-pic-container>img{border-radius:2rem;border:1px solid rgb(216,216,216);box-shadow:4px 8px 27px 13px #36363666}.profile-image{padding:10px}@media screen and (max-width: 860px){#profile{gap:0rem}.profile-text p{font-weight:600}.profile-text-p1{font-size:1.5rem;text-align:center}.profile-pic-container>img{height:500px;width:500px}.profile-text-p2{font-size:2rem;margin-bottom:.8rem}}@media screen and (max-width: 800px){#profile{flex-direction:column}.profile-pic-container{justify-content:center;align-items:center}.profile-text{margin-inline-start:0}.profile-pic-container>img{height:450px;width:450px}}@media screen and (max-width: 600px){.profile-pic-container{justify-content:center;align-items:center}.profile-pic-container>img{height:400px;width:400px}}@media screen and (max-width: 500px){.profile-pic-container{margin-inline-start:3.1rem;height:300px;width:300px}.profile-pic-container>img{height:300px;width:300px}}@media screen and (max-width: 360px){#profile{margin:0}.profile-pic-container{margin:3rem;margin-inline-start:4.5rem;padding:0}.profile-text>.profile-text-p1{font-size:1rem}.profile-text>.title{font-size:1.5rem}.profile-text>.profile-text-p2{font-size:1rem}.profile-pic-container{height:200px;width:200px}.profile-pic-container>img{height:250px;width:250px}.btn{font-weight:600;padding:.5rem;width:8rem;font-size:.8rem}}@media screen and (max-width: 300px){.profile-pic-container{margin-inline-start:2rem}}@media screen and (max-width: 250px){.profile-pic-container{margin-inline-start:0rem}}