1 line
3.5 KiB
CSS
1 line
3.5 KiB
CSS
body{margin:0;padding:12px 12px 12px 0;background-color:#232323;min-height:100vh;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#c9c9c9;padding-bottom:100px}body a,body p,body h1,body h2,body h3,body h4{padding:0;margin:0}body a,body p{line-height:1.5em;margin:12px 0}body a{color:#f39f5a}body ul,body ol{margin:12px 0}body ul li,body ol li{margin:6px 0;margin-bottom:8px}body .contact{color:#ae445a}body .contact-middle{color:#662549}body .main{max-width:1000px;margin:50px auto 0 auto;padding-left:12px}body .main .top{text-align:center}body .main .top h1.name{font-size:72px;margin-bottom:8px}body .main .top h1.name .firstname{color:#f39f5a}body .main .top h1.name .lastname{color:#ae445a}body .main .top h2{font-size:2em;color:#c9c9c9;margin-bottom:8px}body .main .top .skills{color:#c9c9c9}body .main h3{color:rgba(201,201,201,.6);margin-bottom:12px;margin-top:70px;font-weight:600}body .main a{color:#f39f5a;display:inline-block}body .main a.main-link{font-size:1.3em;margin-left:18px;margin-right:18px}body .main .movie{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:36px}body .main .movie p{margin:0}body .main .movie img{margin-right:12px}body .main .movie img.mobile{display:none}body .main .movie a{color:#f39f5a;font-size:.9em;opacity:.5}body .main .movie h4{margin-right:12px}body .main .movie .movie-title{margin-bottom:6px;display:flex;flex-direction:row;align-items:center}body .main .movie .movie-title h4{font-size:1.2em;font-weight:600}@media (max-width: 600px){body .main .top h1.name{font-size:3em}body .main .movie img{display:none}body .main .movie img.mobile{display:block;margin:0 auto 12px auto}body .main .movie .movie-title{flex-direction:column}}body pre{padding:12px;border-radius:4px;overflow:auto}body pre code{padding:0;background:none}body code{padding:2px 4px;background:#383838;font-size:1.1em;line-height:1.8em;color:#a1a1a1}body a{text-decoration:none}body a:hover{text-decoration:underline}body .header{margin-left:220px;margin-bottom:24px}body .header a{margin-right:32px}body .logo{display:block;width:190px;padding:5px;box-sizing:border-box;text-align:right;color:#f39f5a;font-weight:600;font-size:20px}body .logo a .firstname{color:#f39f5a}body .logo a .lastname{color:#ae445a}body .logo a:hover{text-decoration:none}body .blog{margin-top:24px;max-width:1200px}body .blog p.tag-link{color:rgba(243,159,90,.6);margin-top:4px}body .blog .entry{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:36px}body .blog .entry .column-left{color:#a1a1a1;margin-top:4px;display:flex;flex-direction:column;align-items:flex-end;min-width:190px;margin-right:30px;line-height:0}body .blog .entry .column-left p{margin:0 0 6px 0}body .blog .entry .column-right .mobile{display:none}body .blog .entry .column-right h1{font-size:1.5em;margin-bottom:6px}body .blog .entry .column-right h1 a{color:#c9c9c9}body .blog .entry .column-right.post{min-width:0}body .blog .entry .column-right.post h1{font-size:2.2em;margin-bottom:24px}body .blog .entry .column-right.post h2,body .blog .entry .column-right.post h3{margin-top:48px}@media (max-width: 600px){body{padding-left:12px}body p{margin:12px 0}body .header{margin-left:0}body .logo{text-align:left;width:auto;padding:0}body .blog .entry{display:block}body .blog .entry .column-left{display:none}body .blog .entry .column-right .mobile{display:block}body .blog .entry .column-right .mobile .tags{display:flex;flex-direction:row;margin-bottom:12px}body .blog .entry .column-right .mobile .tags>p{margin:0 12px 0 0}} |