@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}:root{--light:#fcfcfc;--black:#0f0e17;--dark-black:#585760;--orange:#ff8906;--red:#f25f4c}body{background:#fcfcfc;background:var(--light)}body #outline_logo{left:-1000px;opacity:.05;position:absolute;top:1010px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:2800px;z-index:-1}body .sample{border-color:#f25f4c}body nav{align-items:center;display:flex;height:10vh;justify-content:space-between;margin:auto;width:85%}body nav div #logo{width:50px}body nav #page_links ul{display:flex;list-style:none}body nav #page_links ul li{font-size:14px;margin:0 18px}body nav #social_links ul{display:flex;list-style:none}body nav #social_links ul li{margin:0 3px}body .hero_section{align-items:center;display:flex;height:90vh;justify-content:center;margin:auto;width:85%}body .hero_section div{align-items:flex-end;display:flex;flex-direction:column;width:90%}body .hero_section div span{font-size:14px}body .hero_section div h1{font-size:50px}body .hero_section div h1 span{color:#ff8906;color:var(--orange);font-size:50px}body .hero_section div p{font-size:14px;margin-bottom:20px;text-align:right;width:550px}body .hero_section div button{background:#0f0e17;background:var(--black);border:none;color:#fcfcfc;color:var(--light);padding:10px 14px;width:190px}body .about{align-items:center;display:flex;margin:auto;padding:100px 0 0;width:85%}body .about div{display:flex;margin:auto;width:90%}body .about div #a{width:auto}body .about div #a img{display:block;width:350px}body .about div #b{width:900px}body .about div #b #about_me{display:flex;flex-direction:column;padding:50px}body .about div #b #about_me h4{font-size:40px;margin-bottom:10px}body .about div #b #about_me p{font-size:14px;margin-bottom:8px}body .about div #b #what_i_use{background:#0f0e17;background:var(--black);display:flex;flex-direction:column;padding:50px}body .about div #b #what_i_use h5,body .about div #b #what_i_use p{color:#fcfcfc;color:var(--light);font-size:14px;margin-bottom:10px}body .about div #b #what_i_use .stack{display:flex;flex-direction:column;width:100%}body .about div #b #what_i_use .stack section{color:#fcfcfc;color:var(--light);display:flex;flex-direction:column;margin:10px 0}body .about div #b #what_i_use .stack section h5{font-weight:400}body .about div #b #what_i_use .stack section ul{display:flex;list-style:none}body .about div #b #what_i_use .stack section ul li{color:#f25f4c;color:var(--red);font-size:13px;margin:0 15px 0 0}body .project{margin:auto;padding:100px 0 0;width:85%}body .project div #my_project{margin-bottom:50px}body .project div #my_project h4{font-size:40px;margin-bottom:10px}body .project div #my_project p{font-size:14px;margin-bottom:8px}body .project div .card{-ms-grid-columns:1fr 1fr;background:#f2f2f2;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr;text-align:end}body .project div .card img{background:red}body .project div .card section{padding:30px 50px}body .project div .card section span{color:#ff8906;color:var(--orange);font-size:13px;font-weight:600}body .project div .card section h2{font-size:25px}body .project div .card section p{font-size:14px}body .project div .card section ul{background:red;display:flex;list-style:none;width:80%}body .project div .card section ul li{font-size:13px;margin:0 0 0 15px}body .project div .card section .link{background:red}