@import "https://fonts.googleapis.com/css?family=Roboto";*{box-sizing:border-box}.card{background-color:#fff;border-radius:10px;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;gap:1.2rem;width:95%;max-width:100%;height:auto;margin:1.2rem auto;padding:1.2rem;font-family:Roboto,sans-serif;display:grid;box-shadow:0 4px 12px #0000001a}.thumbnail{border-radius:4px;grid-area:1/1;width:100%;height:180px;overflow:hidden;box-shadow:0 2px 8px #00000026}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.about{grid-area:2/1;padding:0}.about h1{color:#2c3e50;margin:0 0 .2rem;font-size:1.32rem;font-weight:600}.about h2{color:#7f8c8d;margin:0 0 .6rem;font-size:.9rem;font-weight:400}.about .separator{border:none;border-top:1px solid #ecf0f1;height:0;margin:.5rem 0}.about p{color:#555;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.date{display:none}.social{grid-area:3/1;padding:0}.social ul{gap:1.2rem;margin:0;padding:0;list-style:none;display:flex;position:static}.social li{color:#3498db;cursor:pointer;font-size:1.2rem;transition:color .3s;display:inline}.social li:hover{color:#2980b9}.resume{text-align:center;grid-area:4/1;padding:0}.resume i{color:#fff;cursor:pointer;background-color:#3498db;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.56rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000026}.resume i:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media only screen and (width>=28rem){.card{gap:1.5rem;width:90%;margin:1.8rem auto;padding:1.8rem;box-shadow:0 4px 16px #0000001f}.thumbnail{height:240px;box-shadow:0 2px 12px #00000026}.about h1{margin:0 0 .3rem;font-size:1.56rem}.about h2{margin:0 0 .9rem;font-size:1.08rem}.about .separator{margin:.9rem 0}.about p{text-align:left;-webkit-line-clamp:3;line-clamp:3;font-size:1.02rem;line-height:1.5}.social ul{gap:1.8rem}.social li{font-size:1.44rem}.resume i{width:60px;height:60px;font-size:1.8rem;box-shadow:0 4px 14px #00000026}.resume i:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0003}}@media only screen and (width>=45rem){.card{border-radius:8px;grid-template-rows:1fr auto;grid-template-columns:40% 60%;gap:0;width:85%;max-width:720px;height:420px;margin:2.4rem auto;padding:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.thumbnail{border-radius:0;grid-area:1/1/span 2;height:100%;box-shadow:inset 2px 0 8px #0000001a}.about{flex-direction:column;grid-area:1/2;justify-content:flex-start;padding:1.8rem 1.8rem 0;display:flex;overflow:hidden}.about h1{margin:0 0 .24rem;font-size:1.68rem}.about h2{margin:0 0 .9rem;font-size:1.08rem}.about p{-webkit-line-clamp:2;line-clamp:2;font-size:.96rem}.social{grid-area:2/2;justify-content:flex-start;align-items:center;padding:.9rem 1.8rem 1.8rem;display:flex}.social ul{gap:1.2rem}.social li{font-size:1.2rem}.resume{display:none}}@media only screen and (width>=64rem){.card{color:#2c3e50;border-radius:10px;grid-template-rows:1fr auto;grid-template-columns:28% 30% 18% 24%;width:90%;max-width:1100px;height:auto;min-height:32rem;margin:3.6rem auto;overflow:visible;box-shadow:0 12px 32px #00000026}.thumbnail{border-radius:8px 0 0 8px}.thumbnail img{object-position:center bottom;border-radius:inherit}.about{grid-area:1/2/auto/span 3;padding:2rem 1.75rem;overflow:visible}.about h1{margin:0 0 .4rem;font-size:1.9rem}.about h2{margin:0 0 .75rem;font-size:1.1rem}.about .separator{border-top-width:1.5px;margin:.75rem 0}.about p{-webkit-line-clamp:5;line-clamp:5;font-size:1rem;line-height:1.6}.date{z-index:2;flex-direction:column;grid-area:2/2;justify-content:flex-end;align-items:flex-start;padding:0 0 1.75rem 1.75rem;display:flex;position:relative}.date h5{color:#3498db;letter-spacing:1.8px;text-transform:uppercase;opacity:.6;margin:0;font-size:.78rem;font-weight:700;line-height:1}.date h6{color:#3498db;letter-spacing:-.5px;margin:.4rem 0 0;font-size:2.2rem;font-weight:300;line-height:1}.social{grid-area:2/3;align-items:flex-end;padding:0 0 1.75rem;display:flex}.social ul{gap:2.4rem}.social li{opacity:.8;font-size:1.44rem;transition:all .3s;position:relative}.social li:hover{opacity:1;transform:translateY(-2px)}.resume{text-align:unset;grid-area:1/4/span 2;justify-content:flex-end;align-items:flex-end;display:flex;position:relative}.resume i{z-index:10;background:linear-gradient(135deg,#3498db,#2c7cc0);width:65px;height:65px;margin-bottom:-32px;margin-right:12px;font-size:1.7rem;display:flex;box-shadow:0 8px 20px #3498db40}.resume i:hover{background:linear-gradient(135deg,#2c7cc0,#2980b9);transform:translateY(-4px);box-shadow:0 12px 28px #3498db59}}@media only screen and (width>=80rem){.card{grid-template-rows:65% 35%;max-width:1560px;height:43.2rem;min-height:43.2rem}.about{padding:3rem 2.4rem}.about h1{margin:0 0 .48rem;font-size:2.52rem}.about h2{margin:0 0 1.2rem;font-size:1.26rem}.about .separator{margin:.9rem 0}.about p{-webkit-line-clamp:4;line-clamp:4;font-size:1.2rem}.date h5{font-size:.84rem}.date h6{font-size:3rem}.resume i{width:90px;height:90px;margin-bottom:-38px;font-size:2.28rem}.date{padding:0 0 2.4rem 2.4rem}.social{padding:0 0 2.4rem}.social li{font-size:1.8rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}