Something went wrong. Try again.
Just the source code for my personal website.
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108* { box-sizing: border-box;}
.button-bar { display: flex; text-align: center; justify-content: center; margin: 1em 0;}
.button { background-color: #fc6fdd; color: #f7f7f7; text-align: center; text-decoration: none; padding: 8px 1.2em; margin: 0 10px;
transition: background-color .1s;}
.button:hover { background-color: #f444ce;}
body { background-color: #f7f7f7;}
body p { line-height: 1.6;}
#carrd-container { font-size: 90%;}
#carrd-container p { line-height: 1.5;}
#carrd-container ul { box-sizing: content-box; margin-right: 5%; text-align: left; line-height: 1.5;}
[class*=col-] { width: 100%; padding: 0 15px; float: left;}
.col-center { width: 100%;}
.col-left,.col-right { width: 0;}
.col-center header,.col-center main,.col-center footer,.col-center article { padding: 10px auto;}
.emphasis { background-color: rgba(144, 144, 144, 0.25);}
@media only screen and (min-width: 768px) {
.col-left, .col-right { width: 20%; }
.col-center { width: 60%; }
[class*=col-] { padding: 5px; }
#carrd-container { font-size: 100%; }
#carrd-container ul { text-align: center; list-style-position: inside; }
#dms { margin: 1em; }}
footer p { font-size: small;}