/*!
Theme Name: Web_portfolio
Theme URI: https://www.templatemonster.com/vendors/zemez
Author: Zemez
Author URI: https://zemez.io/
Description: Web_portfolio theme.
Template: kava
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: web_portfolio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
DocumentationID: web_portfolio
Template Id: web_portfolio
*/
@keyframes move {
	 100% {
		 transform: translate3d(0, 0, -1000px);
	}
}
 .container {
	 position: relative;
	 width: 100%;
	 min-height: 100%;
	 transform-style: preserve-3d;
}
 .bubble-wrap {
	 margin: 0 auto;
	 width: 500px;
	 height: 500px;
	 transform-style: preserve-3d;
	 transform-origin: center center;
	 perspective: 600px;
}
 .bubble {
	 position: absolute;
	 background: black;
	 opacity: 0.7;
	 border-radius: 50%;
	 animation: move 3s infinite;
}
 .bubble:nth-child(1) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -0.2s;
	 transform: translate3d(930px, 914px, 104px);
	 background: #263bd9;
}
 .bubble:nth-child(2) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -0.4s;
	 transform: translate3d(242px, 456px, 213px);
	 background: #d92677;
}
 .bubble:nth-child(3) {
	 height: 7px;
	 width: 7px;
	 animation-delay: -0.6s;
	 transform: translate3d(885px, 263px, 563px);
	 background: #d9d026;
}
 .bubble:nth-child(4) {
	 height: 27px;
	 width: 27px;
	 animation-delay: -0.8s;
	 transform: translate3d(757px, 351px, 244px);
	 background: #d98026;
}
 .bubble:nth-child(5) {
	 height: 28px;
	 width: 28px;
	 animation-delay: -1s;
	 transform: translate3d(448px, 417px, 2000px);
	 background: #26d926;
}
 .bubble:nth-child(6) {
	 height: 6px;
	 width: 6px;
	 animation-delay: -1.2s;
	 transform: translate3d(980px, 933px, 1066px);
	 background: #d97726;
}
 .bubble:nth-child(7) {
	 height: 24px;
	 width: 24px;
	 animation-delay: -1.4s;
	 transform: translate3d(367px, 188px, 1254px);
	 background: #56d926;
}
 .bubble:nth-child(8) {
	 height: 28px;
	 width: 28px;
	 animation-delay: -1.6s;
	 transform: translate3d(686px, 984px, 1920px);
	 background: #d9266e;
}
 .bubble:nth-child(9) {
	 height: 5px;
	 width: 5px;
	 animation-delay: -1.8s;
	 transform: translate3d(957px, 42px, 346px);
	 background: #b5d926;
}
 .bubble:nth-child(10) {
	 height: 28px;
	 width: 28px;
	 animation-delay: -2s;
	 transform: translate3d(395px, 911px, 448px);
	 background: #d92682;
}
 .bubble:nth-child(11) {
	 height: 6px;
	 width: 6px;
	 animation-delay: -2.2s;
	 transform: translate3d(672px, 878px, 1874px);
	 background: #d97d26;
}
 .bubble:nth-child(12) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -2.4s;
	 transform: translate3d(120px, 42px, 1311px);
	 background: #d926ca;
}
 .bubble:nth-child(13) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -2.6s;
	 transform: translate3d(760px, 810px, 1832px);
	 background: #d926a3;
}
 .bubble:nth-child(14) {
	 height: 26px;
	 width: 26px;
	 animation-delay: -2.8s;
	 transform: translate3d(759px, 880px, 662px);
	 background: #26d926;
}
 .bubble:nth-child(15) {
	 height: 27px;
	 width: 27px;
	 animation-delay: -3s;
	 transform: translate3d(772px, 588px, 1804px);
	 background: #d926d3;
}
 .bubble:nth-child(16) {
	 height: 2px;
	 width: 2px;
	 animation-delay: -3.2s;
	 transform: translate3d(262px, 405px, 1104px);
	 background: #c126d9;
}
 .bubble:nth-child(17) {
	 height: 27px;
	 width: 27px;
	 animation-delay: -3.4s;
	 transform: translate3d(292px, 347px, 498px);
	 background: #d626d9;
}
 .bubble:nth-child(18) {
	 height: 9px;
	 width: 9px;
	 animation-delay: -3.6s;
	 transform: translate3d(908px, 586px, 945px);
	 background: #d92626;
}
 .bubble:nth-child(19) {
	 height: 2px;
	 width: 2px;
	 animation-delay: -3.8s;
	 transform: translate3d(134px, 575px, 51px);
	 background: #26d9d3;
}
 .bubble:nth-child(20) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -4s;
	 transform: translate3d(841px, 664px, 1842px);
	 background: #d92629;
}
 .bubble:nth-child(21) {
	 height: 11px;
	 width: 11px;
	 animation-delay: -4.2s;
	 transform: translate3d(844px, 400px, 1636px);
	 background: #26d97d;
}
 .bubble:nth-child(22) {
	 height: 17px;
	 width: 17px;
	 animation-delay: -4.4s;
	 transform: translate3d(654px, 731px, 1888px);
	 background: #2694d9;
}
 .bubble:nth-child(23) {
	 height: 29px;
	 width: 29px;
	 animation-delay: -4.6s;
	 transform: translate3d(869px, 239px, 1119px);
	 background: #d9268e;
}
 .bubble:nth-child(24) {
	 height: 30px;
	 width: 30px;
	 animation-delay: -4.8s;
	 transform: translate3d(537px, 635px, 753px);
	 background: #268ed9;
}
 .bubble:nth-child(25) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -5s;
	 transform: translate3d(387px, 32px, 1246px);
	 background: #d99426;
}
 .bubble:nth-child(26) {
	 height: 18px;
	 width: 18px;
	 animation-delay: -5.2s;
	 transform: translate3d(968px, 769px, 878px);
	 background: #6826d9;
}
 .bubble:nth-child(27) {
	 height: 26px;
	 width: 26px;
	 animation-delay: -5.4s;
	 transform: translate3d(89px, 819px, 1616px);
	 background: #d92f26;
}
 .bubble:nth-child(28) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -5.6s;
	 transform: translate3d(766px, 421px, 1925px);
	 background: #6bd926;
}
 .bubble:nth-child(29) {
	 height: 20px;
	 width: 20px;
	 animation-delay: -5.8s;
	 transform: translate3d(657px, 146px, 126px);
	 background: #3826d9;
}
 .bubble:nth-child(30) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -6s;
	 transform: translate3d(238px, 603px, 938px);
	 background: #a9d926;
}
 .bubble:nth-child(31) {
	 height: 19px;
	 width: 19px;
	 animation-delay: -6.2s;
	 transform: translate3d(66px, 824px, 101px);
	 background: #d98526;
}
 .bubble:nth-child(32) {
	 height: 8px;
	 width: 8px;
	 animation-delay: -6.4s;
	 transform: translate3d(833px, 385px, 351px);
	 background: #d98e26;
}
 .bubble:nth-child(33) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -6.6s;
	 transform: translate3d(338px, 103px, 727px);
	 background: #269ad9;
}
 .bubble:nth-child(34) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -6.8s;
	 transform: translate3d(186px, 954px, 112px);
	 background: #d9be26;
}
 .bubble:nth-child(35) {
	 height: 3px;
	 width: 3px;
	 animation-delay: -7s;
	 transform: translate3d(962px, 730px, 1972px);
	 background: #d3d926;
}
 .bubble:nth-child(36) {
	 height: 24px;
	 width: 24px;
	 animation-delay: -7.2s;
	 transform: translate3d(191px, 374px, 371px);
	 background: #59d926;
}
 .bubble:nth-child(37) {
	 height: 17px;
	 width: 17px;
	 animation-delay: -7.4s;
	 transform: translate3d(353px, 295px, 1537px);
	 background: #2685d9;
}
 .bubble:nth-child(38) {
	 height: 3px;
	 width: 3px;
	 animation-delay: -7.6s;
	 transform: translate3d(332px, 377px, 471px);
	 background: #26b8d9;
}
 .bubble:nth-child(39) {
	 height: 15px;
	 width: 15px;
	 animation-delay: -7.8s;
	 transform: translate3d(719px, 998px, 1213px);
	 background: #26d977;
}
 .bubble:nth-child(40) {
	 height: 20px;
	 width: 20px;
	 animation-delay: -8s;
	 transform: translate3d(135px, 589px, 16px);
	 background: #b2d926;
}
 .bubble:nth-child(41) {
	 height: 28px;
	 width: 28px;
	 animation-delay: -8.2s;
	 transform: translate3d(405px, 96px, 283px);
	 background: #2691d9;
}
 .bubble:nth-child(42) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -8.4s;
	 transform: translate3d(290px, 215px, 1704px);
	 background: #26c4d9;
}
 .bubble:nth-child(43) {
	 height: 5px;
	 width: 5px;
	 animation-delay: -8.6s;
	 transform: translate3d(411px, 765px, 149px);
	 background: #d94426;
}
 .bubble:nth-child(44) {
	 height: 23px;
	 width: 23px;
	 animation-delay: -8.8s;
	 transform: translate3d(865px, 155px, 869px);
	 background: #a926d9;
}
 .bubble:nth-child(45) {
	 height: 25px;
	 width: 25px;
	 animation-delay: -9s;
	 transform: translate3d(532px, 243px, 1338px);
	 background: #26d97d;
}
 .bubble:nth-child(46) {
	 height: 25px;
	 width: 25px;
	 animation-delay: -9.2s;
	 transform: translate3d(554px, 397px, 201px);
	 background: #d92697;
}
 .bubble:nth-child(47) {
	 height: 19px;
	 width: 19px;
	 animation-delay: -9.4s;
	 transform: translate3d(116px, 540px, 488px);
	 background: #26d959;
}
 .bubble:nth-child(48) {
	 height: 19px;
	 width: 19px;
	 animation-delay: -9.6s;
	 transform: translate3d(287px, 698px, 833px);
	 background: #b826d9;
}
 .bubble:nth-child(49) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -9.8s;
	 transform: translate3d(762px, 394px, 1253px);
	 background: #be26d9;
}
 .bubble:nth-child(50) {
	 height: 23px;
	 width: 23px;
	 animation-delay: -10s;
	 transform: translate3d(863px, 493px, 191px);
	 background: #26d9d3;
}
 .bubble:nth-child(51) {
	 height: 5px;
	 width: 5px;
	 animation-delay: -10.2s;
	 transform: translate3d(580px, 403px, 1370px);
	 background: #26d991;
}
 .bubble:nth-child(52) {
	 height: 9px;
	 width: 9px;
	 animation-delay: -10.4s;
	 transform: translate3d(785px, 447px, 1074px);
	 background: #53d926;
}
 .bubble:nth-child(53) {
	 height: 29px;
	 width: 29px;
	 animation-delay: -10.6s;
	 transform: translate3d(317px, 890px, 1732px);
	 background: #5cd926;
}
 .bubble:nth-child(54) {
	 height: 9px;
	 width: 9px;
	 animation-delay: -10.8s;
	 transform: translate3d(824px, 123px, 1331px);
	 background: #26d974;
}
 .bubble:nth-child(55) {
	 height: 18px;
	 width: 18px;
	 animation-delay: -11s;
	 transform: translate3d(951px, 676px, 32px);
	 background: #26d9b8;
}
 .bubble:nth-child(56) {
	 height: 18px;
	 width: 18px;
	 animation-delay: -11.2s;
	 transform: translate3d(945px, 676px, 1513px);
	 background: #d97126;
}
 .bubble:nth-child(57) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -11.4s;
	 transform: translate3d(672px, 570px, 993px);
	 background: #d626d9;
}
 .bubble:nth-child(58) {
	 height: 29px;
	 width: 29px;
	 animation-delay: -11.6s;
	 transform: translate3d(87px, 738px, 1454px);
	 background: #9426d9;
}
 .bubble:nth-child(59) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -11.8s;
	 transform: translate3d(22px, 548px, 1358px);
	 background: #26a0d9;
}
 .bubble:nth-child(60) {
	 height: 18px;
	 width: 18px;
	 animation-delay: -12s;
	 transform: translate3d(1000px, 502px, 908px);
	 background: #2647d9;
}
 .bubble:nth-child(61) {
	 height: 1px;
	 width: 1px;
	 animation-delay: -12.2s;
	 transform: translate3d(639px, 835px, 885px);
	 background: #c4d926;
}
 .bubble:nth-child(62) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -12.4s;
	 transform: translate3d(453px, 470px, 1916px);
	 background: #d9a926;
}
 .bubble:nth-child(63) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -12.6s;
	 transform: translate3d(715px, 686px, 288px);
	 background: #d9a926;
}
 .bubble:nth-child(64) {
	 height: 24px;
	 width: 24px;
	 animation-delay: -12.8s;
	 transform: translate3d(16px, 774px, 191px);
	 background: #82d926;
}
 .bubble:nth-child(65) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -13s;
	 transform: translate3d(565px, 348px, 806px);
	 background: #262cd9;
}
 .bubble:nth-child(66) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -13.2s;
	 transform: translate3d(443px, 760px, 1252px);
	 background: #d9266b;
}
 .bubble:nth-child(67) {
	 height: 25px;
	 width: 25px;
	 animation-delay: -13.4s;
	 transform: translate3d(968px, 151px, 622px);
	 background: #d3d926;
}
 .bubble:nth-child(68) {
	 height: 25px;
	 width: 25px;
	 animation-delay: -13.6s;
	 transform: translate3d(327px, 781px, 183px);
	 background: #a6d926;
}
 .bubble:nth-child(69) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -13.8s;
	 transform: translate3d(732px, 133px, 640px);
	 background: #26d9b8;
}
 .bubble:nth-child(70) {
	 height: 6px;
	 width: 6px;
	 animation-delay: -14s;
	 transform: translate3d(921px, 993px, 1053px);
	 background: #be26d9;
}
 .bubble:nth-child(71) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -14.2s;
	 transform: translate3d(173px, 722px, 1510px);
	 background: #d9be26;
}
 .bubble:nth-child(72) {
	 height: 26px;
	 width: 26px;
	 animation-delay: -14.4s;
	 transform: translate3d(400px, 746px, 988px);
	 background: #d93b26;
}
 .bubble:nth-child(73) {
	 height: 10px;
	 width: 10px;
	 animation-delay: -14.6s;
	 transform: translate3d(618px, 424px, 1235px);
	 background: #d026d9;
}
 .bubble:nth-child(74) {
	 height: 23px;
	 width: 23px;
	 animation-delay: -14.8s;
	 transform: translate3d(219px, 492px, 883px);
	 background: #acd926;
}
 .bubble:nth-child(75) {
	 height: 3px;
	 width: 3px;
	 animation-delay: -15s;
	 transform: translate3d(462px, 756px, 873px);
	 background: #2685d9;
}
 .bubble:nth-child(76) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -15.2s;
	 transform: translate3d(641px, 244px, 850px);
	 background: #d99d26;
}
 .bubble:nth-child(77) {
	 height: 5px;
	 width: 5px;
	 animation-delay: -15.4s;
	 transform: translate3d(772px, 978px, 81px);
	 background: #d96b26;
}
 .bubble:nth-child(78) {
	 height: 25px;
	 width: 25px;
	 animation-delay: -15.6s;
	 transform: translate3d(783px, 401px, 578px);
	 background: #d93526;
}
 .bubble:nth-child(79) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -15.8s;
	 transform: translate3d(781px, 529px, 759px);
	 background: #d93226;
}
 .bubble:nth-child(80) {
	 height: 29px;
	 width: 29px;
	 animation-delay: -16s;
	 transform: translate3d(715px, 52px, 1359px);
	 background: #2638d9;
}
 .bubble:nth-child(81) {
	 height: 27px;
	 width: 27px;
	 animation-delay: -16.2s;
	 transform: translate3d(578px, 995px, 1227px);
	 background: #d98b26;
}
 .bubble:nth-child(82) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -16.4s;
	 transform: translate3d(830px, 283px, 1965px);
	 background: #d926cd;
}
 .bubble:nth-child(83) {
	 height: 18px;
	 width: 18px;
	 animation-delay: -16.6s;
	 transform: translate3d(967px, 51px, 1074px);
	 background: #d926cd;
}
 .bubble:nth-child(84) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -16.8s;
	 transform: translate3d(370px, 27px, 1061px);
	 background: #afd926;
}
 .bubble:nth-child(85) {
	 height: 9px;
	 width: 9px;
	 animation-delay: -17s;
	 transform: translate3d(472px, 21px, 1669px);
	 background: #2926d9;
}
 .bubble:nth-child(86) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -17.2s;
	 transform: translate3d(503px, 425px, 401px);
	 background: #c7d926;
}
 .bubble:nth-child(87) {
	 height: 4px;
	 width: 4px;
	 animation-delay: -17.4s;
	 transform: translate3d(941px, 70px, 526px);
	 background: #d92c26;
}
 .bubble:nth-child(88) {
	 height: 15px;
	 width: 15px;
	 animation-delay: -17.6s;
	 transform: translate3d(24px, 285px, 479px);
	 background: #2668d9;
}
 .bubble:nth-child(89) {
	 height: 29px;
	 width: 29px;
	 animation-delay: -17.8s;
	 transform: translate3d(86px, 794px, 539px);
	 background: #26d96e;
}
 .bubble:nth-child(90) {
	 height: 2px;
	 width: 2px;
	 animation-delay: -18s;
	 transform: translate3d(227px, 914px, 1856px);
	 background: #d926d0;
}
 .bubble:nth-child(91) {
	 height: 26px;
	 width: 26px;
	 animation-delay: -18.2s;
	 transform: translate3d(279px, 728px, 1491px);
	 background: #26d9ca;
}
 .bubble:nth-child(92) {
	 height: 2px;
	 width: 2px;
	 animation-delay: -18.4s;
	 transform: translate3d(855px, 810px, 127px);
	 background: #d926a0;
}
 .bubble:nth-child(93) {
	 height: 26px;
	 width: 26px;
	 animation-delay: -18.6s;
	 transform: translate3d(75px, 190px, 6px);
	 background: #d98026;
}
 .bubble:nth-child(94) {
	 height: 27px;
	 width: 27px;
	 animation-delay: -18.8s;
	 transform: translate3d(570px, 25px, 177px);
	 background: #26d947;
}
 .bubble:nth-child(95) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -19s;
	 transform: translate3d(496px, 48px, 1006px);
	 background: #d9a626;
}
 .bubble:nth-child(96) {
	 height: 13px;
	 width: 13px;
	 animation-delay: -19.2s;
	 transform: translate3d(270px, 666px, 1300px);
	 background: #2647d9;
}
 .bubble:nth-child(97) {
	 height: 5px;
	 width: 5px;
	 animation-delay: -19.4s;
	 transform: translate3d(353px, 213px, 907px);
	 background: #d9d926;
}
 .bubble:nth-child(98) {
	 height: 16px;
	 width: 16px;
	 animation-delay: -19.6s;
	 transform: translate3d(11px, 50px, 1595px);
	 background: #af26d9;
}
 .bubble:nth-child(99) {
	 height: 14px;
	 width: 14px;
	 animation-delay: -19.8s;
	 transform: translate3d(662px, 74px, 688px);
	 background: #d9266e;
}
 .bubble:nth-child(100) {
	 height: 8px;
	 width: 8px;
	 animation-delay: -20s;
	 transform: translate3d(747px, 429px, 1718px);
	 background: #26d98b;
}