html,body{width:100%;height:100%;margin:0;padding:0;font-family:Poppins,sans-serif}.tab{width:80%;height:105%;position:relative;margin:30px auto;overflow:auto}.btn-box{display:flex;border-bottom:1px solid #ccc}.btn-box button{background:transparent;border:none;outline:none;cursor:pointer;padding:14px 16px;margin-right:50px;font-size:20px;font-weight:700}.btn-box button:hover{color:#8a8e93}.github-button{display:inline-block;width:35px;height:35px;margin-left:10px;background:url(/assets/githublogo-d83ddf4e.png) no-repeat center center;background-size:cover;text-indent:-9999px;border:none;border-radius:4px;transition:transform .3s}.github-button:hover{transform:scale(.7)}.linkedin-button{display:inline-block;width:35px;height:35px;background:url(/assets/linkedinlogo-e530ef19.png) no-repeat center center;background-size:cover;text-indent:-9999px;border:none;border-radius:4px;transition:transform .3s}.linkedin-button:hover{transform:scale(.7)}.content{display:flex;justify-content:center;overflow:auto;z-index:10;margin:2% auto;position:absolute;transform:translate(1000%);transition:.3s}.content-right img{width:250px;height:250px}.content-left{flex-basis:50%}.content-left h1{font-size:25px;padding:5px}.content-left p{font-size:13px;padding:5px}.content-left h3{font-size:18px;padding:5px}.content-right{flex-basis:50%;text-align:center}#content1{transform:translate(0)}#content2{display:flex;flex-direction:column;align-items:flex-start;transform:translate(1000%);width:100%}#btn1{color:#8a8e93}