#root,.App{height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f5f3;color:#000035}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;position:relative;display:flex;flex-direction:column}.App-header{display:flex;flex-direction:row;gap:5rem;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;height:100%}.App-header p{margin:0;font-size:1.5rem}.App-header h2{margin:0;font-size:2.5rem}.app-profile{height:30rem;margin-bottom:100px;background-size:cover;background-position:45% 35%;background-size:190%;background-repeat:no-repeat;background-image:url(../assets/profile.jpg)}.bodycontent-right{text-align:left;color:#000042}header{height:60px;z-index:10;border-bottom:2px solid #000035}.navbar{height:59px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.navbar a{text-decoration:none}.navbar a .navbar-item{display:flex;color:#000042;gap:10px;flex-direction:row;align-items:center;font-weight:600;font-size:1rem;height:40px;padding:0 20px}.navbar a .navbar-item img{height:25px}.navbar .navbar-item:hover{cursor:pointer;background-color:#000035;color:#fff;border-radius:20px}.list{display:flex;flex-direction:column;gap:10px;padding:10px 15vw 20px}.list .card{border-bottom:1px solid #000035;height:auto;font-weight:600;text-align:left;padding-bottom:15px}.list .card ul li{margin-bottom:10px}.list .card .card-header{display:flex;flex-direction:row;gap:20px}.list .card .card-left{padding:20px 30px}.list .card .card-left img{max-width:160px}.list .card .card-right{text-align:left}.list .card .tools-list{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px;gap:20px}.list .card .tools-list img{max-height:50px}footer{height:40px;bottom:0px;background-color:transparent;border-top:2px solid #000035;display:flex;flex-direction:row;justify-content:space-between;font-weight:600}footer #copyright{display:flex;flex-wrap:wrap;align-content:center;padding:0 10px}footer #social-media{display:flex;flex-direction:row;align-items:center;align-content:center;padding:0 10px;gap:20px}footer #social-media img{height:30px}footer #social-media img:hover{cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.list .card .desc-mobile{display:none}.project-showcase{padding:10px 0;display:grid;grid-template-columns:auto auto auto;column-gap:10px;row-gap:20px}.mobile{grid-template-columns:auto auto auto auto auto!important}.project-showcase img{max-height:180px;border:1px solid #000035}@media only screen and (max-width: 768px){.App-header{flex-direction:column;width:100vw;margin:0 0 20px;gap:2rem}.App-header .bodycontent-left img{height:90vw}.App-header .bodycontent-right{margin:0 15px}.App-header .bodycontent-right h2{font-size:2rem}.App-header .bodycontent-right p{font-size:1.2rem;margin-top:8px}header{padding:10px 0;height:45px}header .navbar{height:45px}header .navbar-item p{display:none}.list{padding:10px 4vw 20px}.list .card{font-weight:400}.list .card .card-left img{max-width:100px}.list .card .card-left{padding:20px 0 0 20px}.list .card .card-right p{margin:10px 0}.list .card ul{padding-inline-start:20px;list-style-type:square}.list .card ul li{margin-bottom:8px}.list .card .tools-list img{max-height:45px}.list .card .desc-desktop{display:none}.list .card .desc-mobile{display:block}.list .card .project-showcase{grid-template-columns:auto;max-height:none}.mobile{grid-template-columns:auto auto!important}.list .card .project-showcase img{max-width:100%}footer{position:relative;flex-direction:column;align-items:center}footer #social-media{justify-content:space-evenly;width:70vw}footer #social-media p{display:none}}