@import url("https://use.typekit.net/vpq8kuy.css");

		:root {
		--pfpink:#ff00aa;
		--wht:#fff;
		--wht08:rgb(255,255,255,0.8);
		--blk:#000;
		--gry:#666;    
		--blk06:rgb(0,0,0,0.6);
		--sans: neue-haas-grotesk-display, Helvetica, "Helvetica Neue", Pragmatica, Gotham, Arial, "sans-serif"; 
		--slab: "pragmatica-slabserif", Courier, "Courier New", "Roboto Mono",  monospace; 
		}
	
		* { margin:0; padding:0; box-sizing:border-box; }
		html { scroll-behavior: smooth; }
		body { font-family:var(--sans); }
		a { color:var(--pfpink); text-decoration:none; }
		a:hover { color:var(--pfpink); text-decoration:none; border-bottom:1px dotted var(--pfpink); }
		a.non:hover { border:0; }
		
		h1, h2 { line-height:1.1em; }	
		h1 { font-size:6em; font-weight:300; margin:0; padding:0; }
		h2 { font-size:4em; margin-bottom:-0.05em; margin-left:-0.07em; font-weight:100; }
		h3 { font-size:2em; margin:0.7em 0 0.7em 0; font-weight:100; }
		h4 { font-size:1.5em; line-height:1.2em; margin:0.7em 0 0.7em 0; }
		h5 { font-size:1.2em; margin:0.7em 0 0.3em 0; }
		p { font-weight:normal; font-size:1.2em; margin:1em 0 1em 0; line-height:1.4em; letter-spacing:0.04em; }	
        .lt { font-size:0.8em; font-style:italic; opacity:0.5; padding-left:1em; }

		#bd {
		height:100vh;
        width:100%;
		margin:0;
		padding:0;
		border:0;
		background-color: #ff00aa; 
		-webkit-transition: background-image 3s linear;
    	-ms-transition: background-color 3s linear;
    	transition: background-color 3s linear; 
		}
        
        .pg { 
        height:auto;
        min-height:100vh;
		width:100%;
        padding:5%;
		align-content:center;
		text-align:center;
		opacity:0.93; 
        }
        
        #pflg {
        width:80vw;
        max-width:500px;    
        }

        #pf3d {
        max-width:50vw;
        width:375px;
        }
		
		#home {
		background-image: radial-gradient(circle,rgba(255, 255, 255, 0.9) 9%, rgb(255, 255, 255, 0.1) 40%, rgb(0, 0, 0, 0.7) 100%); 		
		}
		
		#kax {
		background:#121111;
		color:#fbfbe9;
		}

		#menu {
		background:#cccccc;
		color:#121111;
		opacity:0.9;
		}

		#contact {
		background:#ffffff;
		color:#121111;
		opacity:0.9;
		}

		#about {
		text-align:left;
		background:#cccccc;
		color:#121111;
		opacity:0.9;
        overflow-y:visible;
		}
 
		#foot {
		background-color:var(--blk);
		color:var(--wht);
		opacity:0.9;
		}  
        
        .pl { display:inline-block; width:44%; min-width:350px; padding-right:5%; vertical-align:top; }