.social-container{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.333rem}.social-card{align-content:center;background:linear-gradient(to right,transparent,rgba(0,255,98,.5));height:8rem}.container{margin:100px;width:80%;height:80%;min-height:28rem;border:2px solid #4e4e4e;position:relative;text-align:center;background-color:#f8f8f8;border-radius:50px;padding:5rem 2rem 3rem}.container>p{text-align:justify}.image-wrapper{position:absolute;top:-75px;left:50%;transform:translate(-50%);width:120px;height:120px;border:4px solid #3498db;border-radius:50%;overflow:hidden;background-color:#fff}.image-wrapper img{width:100%;height:100%;object-fit:cover;color:#b92222}.cover{margin-top:-100px;height:30vh;width:100vw;position:fixed}.cover img{width:100%;height:100%}.contact-button{width:36px;position:fixed;bottom:20px;right:20px;background-color:#007bff;color:#fff;padding:5px 15px;border:none;border-radius:20px;box-shadow:0 4px 6px #0003;font-size:16px;cursor:pointer;z-index:1000;transition:transform .3s ease,box-shadow .3s ease}.contact-button:hover{transform:translateY(-5px);box-shadow:0 6px 8px #2866ec4d}.nav{position:fixed;bottom:55%;right:0}body{margin:0}.container3{bottom:50vh;right:2rem;position:fixed;width:4.5rem}.container2{display:flex;position:sticky;top:0;padding-top:8px;justify-content:center}.box{display:flex}.hold{margin-right:0;width:2px;height:auto}.txt{color:#f0f0f0;font-size:16px;width:80%;padding:3px 4px;transition:opacity 0 ease}.box:hover{cursor:pointer}.box_hover_hold,.box:hover .hold{background-color:#ffffffde}.box_hover_txt,.box:hover .txt{color:#000;font-size:17px;background:linear-gradient(to left,transparent,rgba(117,117,117,.8))}.tbl{padding-bottom:2px}.arr{height:24px;width:24px;position:fixed;bottom:10px;right:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:9999}.arr-last{transform:rotate(-90deg)}