フォーカス時のoutlineのデフォルト状態を;focusで設定しました
:focus
は詳細度1のはずなのに、
main textarea
という詳細度2のセレクタよりも優先されてしまい、
outline: none
という設定をデフォルト設定で上書きしてしまいます

http://jsbin.com/toquciyico/edit?html,css,output

何故こうなるのでしょうか？

詳細度はこちらで計算しました
http://specificity.keegan.st/