input.modal-closing-trick:checked ~ div { display: none !important; } #modal-closing-trick { display: none; } label[for],input[type=checkbox],input[type=radio]{cursor:pointer} .modal { /** Apply basic lightbox styling */ position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; color:#333333; background:#444444; background-color:rgba(0, 0, 0, 0.8) } .modal:target { /** Show lightbox when it is target */ display: block; outline: none; } .modal .box { width: -webkit-min-content; width: -moz-min-content; width: min-content; min-width:500px; margin: 2% auto; padding:20px; background-color:#FFF; border-radius:20px; } .modal .title { margin:0; padding:0 0 10px 0px; border-bottom:1px #ccc solid; font-size:22px; } .modal .content { display:block; padding:10px 0 0 0px; font-size:18px; line-height:22px; } .button{ font-family:"Helvetica", Sans-Serif; display:inline-block; outline:0; line-height:1.4; background:#4C9175; border-radius:20px; color:#FFF!important; font-size:14px; white-space:nowrap; text-overflow:ellipsis; text-decoration:none!important; cursor:pointer; text-align:center; padding:10px 14px; }

This website needs Javascript to work.

This website needs to have Javascript enabled to properly function. If you're not sure on how to enable it, you can find a guide here.

Continue with limited functionality

top of page

Chaos Corner

This is the place where all of my projectless designs are mercilessly dumped. These are designs that I am proud of, but which were not extensive enough to have their own page dedicated to them.

Send me a message

View more projects

bottom of page