body{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;margin:0;padding:0;font-family:Playfair,serif}nav{border:1px solid #cacaca;border-radius:5px;margin:10px;padding:12px 0;box-shadow:1px 1px 5px #cacaca}nav div{justify-content:flex-end;list-style:none;display:flex}nav div span{margin:0 30px;text-decoration:none;transition:all .3s}nav div span i{color:#000;text-align:center;font-size:17px}p{font-size:16px}@media (width<=800px){nav div{justify-content:center}}.Home{background-color:#fff;justify-content:center;align-items:center;height:100vh;min-height:666px;display:flex}.Home h4{font-size:20px}.Home .first-div{max-width:700px;margin-top:-10%;margin-bottom:15px}.Home .first-div .icons ul{justify-content:end;align-items:center;margin-bottom:-20px;list-style:none;display:flex}.Home .first-div .icons ul li a{color:#000;margin:0 20px;font-size:25px;text-decoration:none}.Home .first-div .greeting{justify-content:center;align-items:center;width:100%;min-width:340px;margin-top:-10px;display:flex}.Home .first-div .greeting hr{width:100%;margin-left:10px}.Home .main-div-large{justify-content:space-evenly;align-items:center;max-width:700px;display:flex}.Home .main-div-large .img-div{background-color:#9c9b9b;width:250px;height:335px;margin:0 auto;display:block}.Home .main-div-large .img-div img{border-bottom:2px solid #000;border-right:2px solid #000;width:250px;margin-top:10px;margin-left:5px}.Home .main-div-large .name-div{align-items:center;display:flex}.Home .main-div-large .name-div h1{text-align:right;margin-top:10px;font-family:DM Serif Text,serif;font-size:30px;font-weight:700}.Home .main-div-large .name-div h4{text-align:right}.Home .main-div-small{display:none}.img-div{background-color:#9c9b9b;border-top:2px solid #000;border-left:2px solid #000;width:250px;height:335px;margin:0 auto;display:block}.img-div img{border-bottom:2px solid #000;border-right:2px solid #000;width:250px;margin-top:10px;margin-left:10px}.name-div{width:250px;margin:0 auto;display:block}.name-div h1{text-align:right;margin-top:10px;margin-right:-10px;font-family:DM Serif Text,serif;font-size:30px;font-weight:700}.name-div h4{text-align:right;margin-right:-10px}@media (width<=800px){.Home .main-div-large{display:none}.Home .main-div-small{justify-content:center;align-items:center;display:flex}}.Skills h1{margin:50px 0}.Skills h1 hr{width:350px;margin:0 auto;display:block}.Skills .container{min-width:300px;max-width:600px;margin-bottom:100px}.Skills .container .card{text-align:center;border-radius:5px;width:85px;margin:0 auto 20px;padding-top:10px;display:block;box-shadow:1px 1px 5px #cacaca}.Skills .container img{border-radius:5px 5px 0 0;width:100%;height:80px;margin:0 auto;padding:5px;display:block}.Skills .container p{border-top:1px solid #a1a1a1;margin:3px 0;font-size:16px;font-weight:600}@media (width<=500px){.Skills .container{max-width:300px}.Skills .container .card{width:77px}.Skills .container img{width:100%;height:70px;padding:3px}.Skills .container h6{font-size:12px}}@media (width<=400px){.Skills h1 hr{width:280px}}.About{justify-content:center;align-items:center;display:flex}.About h1{margin:50px 0}.About h1 hr{width:350px;margin:0 auto;display:block}.About .about-me{max-width:500px;margin:0 auto;display:block}.About .about-me a{font-size:14px}.About .each-academic-background{justify-content:flex-start;align-items:center;display:flex}.About .each-academic-background .years{border-right:1px solid #a1a1a1;justify-content:end;align-items:center;width:80px;height:65px;padding-right:5px;font-size:17px;display:flex}.About .each-academic-background .academic-background-descriptions{align-items:center;display:flex}.About .each-academic-background .academic-background-descriptions .school-img-div{justify-content:center;width:64px;margin:0 7px;display:flex}.About .each-academic-background .academic-background-descriptions p{width:230px;font-size:17px;line-height:1.2}@media (width<=700px){.container{font-size:12px}.About .about-me{max-width:400px}}@media (width<=400px){.About h1 hr{width:280px}.About .each-academic-background .academic-background-descriptions p{width:180px}}.Projects h1{margin:50px 0}.Projects h1 hr{width:350px;margin:0 auto;display:block}.Projects .container{margin-bottom:100px}.Projects .card{border-radius:5px;width:400px;margin:0 auto;display:block;box-shadow:1px 1px 5px #cacaca}.Projects .card:hover{border:1px solid #959595;transition:all .4s ease-in-out;scale:1.02}.Projects .card img{aspect-ratio:16/9;object-fit:contain;border-bottom:1px solid #a1a1a1;border-radius:5px 5px 0 0;width:100%}.Projects .project-descriptions{justify-content:space-between;align-items:center;height:40px;font-size:17px;font-weight:500;display:flex}.Projects .project-descriptions .coming-soon{font-size:16px}.Projects .project-descriptions .btn{justify-content:center;align-items:center;min-width:100px;max-width:135px;max-height:55px;font-size:15px;font-weight:500;display:flex}@media (width<=600px){.Projects h1{margin:50px 0}.Projects hr{width:250px}.Projects .card{width:300px}.Projects .project-descriptions .btn{width:100px}.Projects .card img{width:299px}}@media (width<=400px){.Projects h1 hr{width:280px}}.Contact{min-height:667px}.Contact h1{margin-top:-10%}.Contact ul{list-style:none}.Contact ul li{align-items:center;display:flex}.Contact ul li i{margin-right:10px;font-size:30px}.Contact ul li a,.Contact ul li span{color:#000;font-size:17px}