/* canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #262626;
}

#info {
  color: #FFF;
  font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
  margin: 10px 10px 0;
  padding: 8px;
  background: #161616;
  position: absolute;
  z-index: 1;
}

#info h1 {
  font-size: 18px;
}

#info p {
  font-size: 11px;
} */

/*------------------------------------------*/
/*actual start :)*/
body {
	background-color: #232323;
	color: white;
  font-weight: normal;
}

hr {
	background-color: white;
}

h4 {
  font-size: 3rem;
  /*text-shadow: 2px 2px #ff0000; */
}

li {
  font-size: 18px;
}

.container a {
  text-decoration: inherit;
  color: inherit;
} 

.container a:hover {
  text-decoration: inherit;
  color: inherit;
}

.btn-primary {
  background-color: #2196F3;
  color: white;
}
.homebtns{
  color: white;
}

/* nanum-gothic-regular - latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/nanum-gothic-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('/fonts/nanum-gothic-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/nanum-gothic-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/nanum-gothic-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/nanum-gothic-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/nanum-gothic-v17-latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

.nav-item {
  padding: 8px 8px;
  font-size: 1.75rem;
  color: white;
}

.nav-item:hover {
  transition: all .005s;
  text-decoration: none;
  -webkit-transition: all .005s;
  -moz-transition: all .005s;
  color: #808080;
}

.spacing {
	margin-top: 150px;
}

.spacingBottom {
  margin-bottom: 150px;
}

.link {
  color: #6F90A2;
}

.link:hover {
  text-decoration: underline;
  color: #28546C;
}

.logo {
	width: 150px;
}

.bigLogo {
  width: 100%;
  height: auto;
}

.sectionTitle {
	font-size: 6.0rem;
  font-weight: 700;
}

.box {
  height: 600px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition-timing-function: linear;
}

.box:hover {
  padding: 24px 0px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition-timing-function: linear;
}


/* .bigBox {
  height: 900px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition-timing-function: linear;
} */

/* .bigBox:hover {
  padding: 12px 0px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  transition-timing-function: linear;
} */

.footer1 {
  background-color: #FFFDEE;
  color: #6F90A2;
  /*height: 500px;*/
}

.footer2 {
  background-color: #E3E1D0;
  color: black;
  /*height: 100%;*/
  /*height: 150px;*/
}

#alignRight {
  text-align: right;
}

#intro {
	height: 750px;
}

#title {
	font-size: 2.75rem;
}

#titleName {
	font-size: 1rem;
	padding-top: 15px;
	margin-bottom: 125px;
}

#work1 {
	background-color: #032436; 
}

.darkBlueBg {
  background-color: #28546C;
}

.lightBlueBg {
  background-color: #6F90A2;
}

.darkBlueText {
  color: #28546C;
}

.lightBlueText {
color: #6F90A2;
}

.blackBg {
  background-color: #1A1A1A;
}

.greenBg {
  background-color: #2f4f3f; 
}

#skill1 {
	background-color: #550000; 
}

#skill2 {
	background-color: #1A1A1A;
}

#skill3 {
	background-color: #FFAAAA;
}

#skill4 {
	background-color: #2f4f3f; 
}

#contact1 {
	background-color: #2f4f4f; 
}

/*has no effect*/
#contact2 {
	background-color: pink;
}

#navHr {
	background-color: rgba(255,255,255,0.15);
  margin: 5px 0px;
}




/*Dark Mode Switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
 
.nav-item a.active {
  text-decoration: underline; /* or border-bottom, etc */
}